江门建站公司,个人 建设图片分享网站,郑州网站建设知乎,qq登录网页版登录入口官网官网介绍
传送门
配置
要求#xff1a;
版本#xff1a; vue 3.4(必须#xff01;#xff01;#xff01;)配置#xff1a;vite.config.js
使用场景和案例 使用场景#xff1a;父子组件的数据双向绑定#xff0c;不用emit和props的繁重代码 具体案例 代码实…官网介绍
传送门
配置
要求
版本 vue 3.4(必须)配置vite.config.js
使用场景和案例 使用场景父子组件的数据双向绑定不用emit和props的繁重代码 具体案例 代码实现
父组件
// 子组件DeviceDetails v-ifshowDevice v-modelshowDevice/DeviceDetailsconst showDevice ref(false) // 控制子组件的显示和隐藏子组件
// 点击子组件就取消的按钮img src/assets/ScreenMiddle/Traffic/cancelIcon.png clickhandleClickCancelIcon classcancelIcon /script setupimport { defineModel } from vueconst model defineModel({ type: Boolean })const handleClickCancelIcon () {console.log(点击了弹窗的叉叉)model.value false // 注意要写 .value 不然就不好用}子组件和父组件都大大简化了代码很方便