Vue3中element中dialog对话框的visible的坑_vue3 :visible

作者：你好赵伟 | 2024-02-13 01:54:37

踩

vue3 :visible

vue3.0无法使用visible，其中.sync也不被推荐
当使用visible时ESLint会提示报错，触碰显示错误信息，翻译为“ESLint：‘.sync修饰符对’v-绑定‘指令是不推荐的。使用“v-model:propName”代替”
在这里插入图片描述
然而ESLint在下面同时提供了修复方法，点击后直接修改为如图

此时运行会发现，当点击时对话框仍然不现实，即使在方法里打印内容，能够看到控制台打印出来它也不显示，此时打开了浏览器开始搜索，加上modal-append-to-body属性、:append-to-body="true"属性通通不管用，佛了
在这里插入图片描述

最后请教大神，将它更改为如图，成功显示
在这里插入图片描述

在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/你好赵伟/article/detail/79354?site