关于vue属性使用和不使用冒号的区别说明
更新时间：2020年10月22日 14:21:09 作者：夏天想
这篇文章主要介绍了关于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属性使用和不使用冒号的区别说明就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本文主要介绍了vue3 微信扫码登录及获取个人信息实现的三种方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-03-03
这篇文章主要介绍了vue3+elementPlus项目支持设置默认附件方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
这篇文章主要为大家详细介绍了vue日期组件,支持vue1.0和2.0，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
这篇文章主要介绍了Vue 用Vant实现时间选择器的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-10-10
在进行项目开发的时候因为在一个标签上同时使用了v-for和v-if两个指令导致的报错，遇到这个问题如何解决呢？下面小编给大家带来了关于v-if 与 v-for 使用报错问题分析及解决方法，一起看看吧2022-03-03
这篇文章主要为大家介绍了ElementUI Upload源码组件上传流程解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
这篇文章主要介绍了vue实现加载页面自动触发函数(及异步获取数据)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
这篇文章主要介绍了vue 导航守卫和axios拦截器有哪些区别，帮助大家更好的理解和使用vue，感兴趣的朋友可以了解下2020-12-12
Vue element-ui el-cascader 只能末级多选问题
这篇文章主要介绍了Vue element-ui el-cascader 只能末级多选问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
这篇文章主要为大家详细介绍了vue3.0实现考勤日历组件使用，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
最新评论