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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要为大家介绍了vue3中的透传attributes教程示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
页面中会有很多时候需要弹窗提示,我们可以写一个弹窗组件,下面这篇文章主要给大家介绍了关于vue实现自定义"模态弹窗"组件的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2021-12-12
defineProps是Vue3中的一种新的组件数据传递方式,可以用于在子组件中定义接收哪些父组件的props,这篇文章给大家介绍vue3中defineProps及使用方法详解,感兴趣的朋友跟随小编一起看看吧2024-03-03
这篇文章主要为大家详细介绍了vue实现图片拖拽功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-11-11
随着vue2的落幕,vue3越来成熟,有必要更新一下vue3的父子组件之间的传值方式,这里介绍下vue3+vite+ts父子组件之间的传值方式实例详解,感兴趣的朋友一起看看吧2023-12-12
这篇文章主要为大家详细介绍了vue大屏展示适配，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
这篇文章主要介绍了vue修改数据的时候，表单值回显不正确的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-11-11
这篇文章主要介绍了Vue组件之 高德地图地址选择功能的实例代码,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2019-06-06
今天小编就为大家分享一篇vue 点击按钮实现动态挂载子组件的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
在 Vue 中，一些简单的功能，我们可以直接定义为全局方法，然后挂到 Vue 上就能使用了，这篇文章主要介绍了Vue3 中自定义插件的实现,需要的朋友可以参考下2022-08-08
最新评论