这篇文章运用简单易懂的例子给大家介绍vue属性使用和不使用冒号的区别有什么,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
vue中冒号:是v-bind的缩写。
一直最常见的做法是代表绑定一个变量。
但是我今天用到复选框是时候缺出现选不中的情况
<el-checkbox v-model="checked" >备选项</el-checkbox> checked:1但是没有选中
然后我想可能是没有写true-label,于是这样写。因为true-label接收一个数值或者字符串。我的默认值是数值。
<el-checkbox v-model="checked" true-label=1 false-label=0 >备选项</el-checkbox> 但是还是没有选中
然后看了
但是定义的 checked:1类型是数值并不是boolean型的
我们可以这样修改
<el-checkbox v-model="checked" :true-label="1" :false-label="0" >备选项</el-checkbox>
<input :disable="true">打开</input>
输出:true 或 false 值是变量Boolean类型
<input disable="true">打开</input>
输出:true 值是String类型
补充知识:Vue的标签属性label中字符串拼接变量
问题
问题描述:Vue的标签属性label中字符串拼接变量
问题解决
<el-form-item :label="`参数${(index + 1)}类型`" v-for="(item, index,) in props.row.params"> <span v-text="item"></span> </el-form-item>
结果展示
关于vue属性使用和不使用冒号的区别有什么就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。