vue3中 :visible.sync 和slot报错
1. :visible.sync:visible指的是属性绑定,表示弹框的显示隐藏。当:visible的值为ture的时候,弹框显示,当为false的时候,弹框隐藏:visible.sync指的就是同步动态双向的来表示visible的值,当我们关闭窗口的时候,这个弹框隐藏了,visible的值发生了变化,但是关闭窗口这个动作,我们没法用确定的动作去判断这个值,所以用到了vue中的双向绑定的原则,在
·
1. :visible.sync
:visible指的是属性绑定,表示弹框的显示隐藏。
当:visible的值为ture的时候,弹框显示,当为false的时候,弹框隐藏
:visible.sync指的就是同步动态双向的来表示visible的值,
当我们关闭窗口的时候,这个弹框隐藏了,visible的值发生了变化,但是关闭窗口这个动作,我们没法用确定的动作去判断这个值,所以用到了vue中的双向绑定的原则,在vue中统一加上了.sync来表示同步的修改了visible的值。
改为
注意带有 .sync
修饰符的 v-bind
不能和表达式一起使用 (例如 v-bind:title.sync=”doc.title + ‘!’”
是无效的)。取而代之的是,你只能提供你想要绑定的 property 名,类似 v-model
。
即 将 :visible.sync 改为 v-model
2. slot先放放
今天发现了个小宝藏,Element Plus组件库。
Button 按钮 | Element Plus (element-plus.org)
部分vue版本可能不行(如上情况),要自己手动改
更多推荐
已为社区贡献8条内容
所有评论(0)