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类型

作者:高明懿大可爱 原文地址:https://blog.csdn.net/qq_42459832/article/details/113885088

%s 个评论

要回复文章请先登录注册