vue-cli中的:visible.sync是什么意思
更新时间：2022年11月29日 09:38:08 作者：高明懿大可爱
visible前面加冒号的，说明后面是一个变量或者表达式；没加冒号的后面就是对应的字符串字面量，这篇文章主要介绍了vue-cli中的:visible.sync是什么,需要的朋友可以参考下
在做项目是以为:visible.sync是elementUI中的学法，用来显示和隐藏一个弹框，其实这个是vue当中的一个写法。
:visible指的是属性绑定，表示弹框的显示隐藏，当：visible的值诶true时，弹框显示，当为false时，弹框隐藏。
sync指的是同步动态双向来表示visible的值，当我们关闭窗口的时候，这个弹框隐藏了，visible的是发生了变化，但是关闭窗口这个动作，我们没法用确定的动作去判断这个值，所以用到了vue中的双向绑定原则。
在vue中同一加上 .sync 来表示同步修改了visible的值。
visible前面加冒号的，说明后面是一个变量或者表达式；没加冒号的后面就是对应的字符串字面量。
例子：
<el-radio-group v-model="handle">
<el-radio :label="true">打开</el-radio>
<el-radio :label="false">关闭</el-radio>
</el-radio-group>输出：true 或 false 值是Boolean类型
————————————————————————————————————————————————————————
<el-radio-group v-model="handle">
<el-radio label="true">打开</el-radio>
<el-radio label="false">关闭</el-radio>
</el-radio-group>输出：”true" 或 “false” 值是String类型
到此这篇关于vue-cli中的:visible.sync是什么的文章就介绍到这了,更多相关vue-cli :visible.sync内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
在 VUE 项目开发时,遇到个问题,正常设置使用 Axios 库请求数据时,报错提示跨域问题,那在生产坏境下,该去怎么解决呢？下面小编就来和大家详细讲讲2024-01-01
Mock.js 是一个可以在开发阶段模拟后端数据接口的 JavaScript 库,它能够生成大量不同类型的随机数据,并且模拟真实的接口返回,允许前端开发在没有真实后端接口的情况下进行开发,本文给大家介绍了Vue2项目中Mock.js的完整集成与使用教程,需要的朋友可以参考下2025-02-02
这篇文章主要介绍了详解关于Vuex的action传入多个参数的问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-02-02
.native主要是给自定义的组件添加原生事件，可以理解为该修饰符的作用就是把一个vue组件转化为一个普通的HTML标签，并且该修饰符对普通HTML标签是没有任何作用的，这篇文章主要介绍了vue 事件中的 .native你搞清楚了吗,需要的朋友可以参考下2023-02-02
本文主要介绍了vant4 封装日期段选择器的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-03-03
这篇文章主要介绍了vue select change事件如何传递自定义参数，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了vue.js中修饰符.stop的用法解析，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-03-03
Vue3使用ResizeObserver监听元素的尺寸宽度变化
要监听 div 宽度的变化,可以使用 ResizeObserver 接口,ResizeObserver 允许你观察一个或多个元素的尺寸变化,并在发生变化时执行回调函数,所以本文给大家介绍了Vue3如何使用ResizeObserver监听元素的尺寸宽度变化,需要的朋友可以参考下2024-08-08
这篇文章主要为大家详细介绍了VUE递归树形实现多级列表，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要为大家详细介绍了如何利用Vue实现悬浮框自由移动+录音功能，文中的示例代码讲解详细，感兴趣的小伙伴可以动手尝试一下2022-07-07
最新评论