vue3中 :visible.sync 和slot报错

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

官网：自定义事件 — Vue.js (vuejs.org)

2. slot先放放

今天发现了个小宝藏，Element Plus组件库。

Button 按钮 | Element Plus (element-plus.org)

部分vue版本可能不行（如上情况），要自己手动改

vue3中 :visible.sync 和slot报错相关推荐

Eclipse中导入项目后js报错解决方法
Eclipse中导入项目后js报错的原因与解决方法在我们将项目导入Eclipse后,配置好各种编译条件.加载好jar包.配置好tomcat后发现项目还是报错,(前提是项目本身并没有错误,而是我们在初 ...
在eclipse中导入工程后@Override报错
在eclipse中导入工程后@Overide报错到入工程后,所有的@Override都报如下错误: Multiple markers at this line - The method ge ...
【错误记录】PyCharm 中从 GitHub 中 Clone 代码到本地报错 ( OpenSSL SSL_read: Connection was reset, errno 10054 )
文章目录一.报错信息二.解决方案一.报错信息在 PyCharm 中从 GitHub 中 Clone 代码到本地报错 : 10:01:37.091: [C:\Users\octop\Pychar ...
android项目模块导入eclipse编译报错,android中studio导入eclipse项目报错怎么办
android中studio导入eclipse项目报错怎么办发布时间:2020-07-15 17:34:45 来源:亿速云阅读:96 作者:清晨这篇文章将为大家详细讲解有关android中stu ...
php总是报错,php - 简单工厂模式中的问题，总是报错
php - 简单工厂模式中的问题,总是报错 PHPzhong2017-04-11 09:53:49 0 3 101 //接口 interface calc{ public function g ...
ibatis mysql 同时删多个表报错_MySQL中Multiple primary key defined报错的解决办法
MySQL中Multiple primary key defined报错的解决办法创建主键可以有两种方式: create table 表名( 字段名类型, 字段名类型, -- primary k ...
LaTeX中添加\usepackage{subfigure}一直报错的解决办法，亲测
LaTeX中添加\usepackage{subfigure}一直报错的原因就是: tocloft包与subfigure包冲突只需要将原来的 \usepackage{tocloft}修改为 \usep ...
Altium Designer中PCB关于Import Changes报错最终解决方案
Altium Designer中PCB关于Import Changes报错最终解决方案参考文章: (1)Altium Designer中PCB关于Import Changes报错最终解决方案 (2) ...
Mysql存储过程老是报错_mysql中看看这个存储过程老是报错,该如何处理
mysql中看看这个存储过程老是报错我的mysql版本是5.5.21的,下面这个存储过程是需要更加另外3张表的数据来更新strategycontracttemp中数据,但是每次更新到中途报错,先代码 ...

vue3中 :visible.sync 和slot报错

vue3中 :visible.sync 和slot报错相关推荐

最新文章

热门文章