关于vue属性使用和不使用冒号的区别说明


Posted in Javascript onOctober 22, 2020

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> 但是还是没有选中

然后看了

关于vue属性使用和不使用冒号的区别说明

但是定义的 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属性使用和不使用冒号的区别说明

以上这篇关于vue属性使用和不使用冒号的区别说明就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript语法着色引擎(demo及打包文件下载)
Jun 13 Javascript
dess中一个简单的多路委托的实现
Jul 20 Javascript
js switch case default 的用法示例介绍
Oct 23 Javascript
深入剖析JavaScript编程中的对象概念
Oct 21 Javascript
多个js毫秒倒计时同时进行效果
Jan 05 Javascript
JavaScript知识点总结(四)之逻辑OR运算符详解
May 31 Javascript
JS简单实现点击复制链接的方法
Aug 03 Javascript
微信小程序 Page()函数详解
Oct 17 Javascript
MvcPager分页控件 适用于Bootstrap
Jun 03 Javascript
JavaScript+HTML5实现的日期比较功能示例
Jul 12 Javascript
vue.js 实现输入框动态添加功能
Jun 25 Javascript
Vue利用Blob下载原生二进制数组文件
Sep 25 Javascript
jquery实现抽奖功能
Oct 22 #jQuery
Vue实现简单的留言板
Oct 23 #Javascript
Vue+Bootstrap收藏(点赞)功能逻辑与具体实现
Oct 22 #Javascript
JavaScript实现简易计算器小功能
Oct 22 #Javascript
vue实现简单加法计算器
Oct 22 #Javascript
微信小程序实现选项卡滑动切换
Oct 22 #Javascript
微信小程序实现文件预览
Oct 22 #Javascript
You might like
深入php socket的讲解与实例分析
2013/06/13 PHP
php中的strpos使用示例
2014/02/27 PHP
几行代码轻松搞定jquery实现flash8类似的连接效果
2007/05/03 Javascript
自动完成JS类(纯JS, Ajax模式)
2009/03/12 Javascript
JavaScript DOM学习第四章 getElementByTagNames
2010/02/19 Javascript
jquery中dom操作和事件的实例学习-表单验证
2011/11/30 Javascript
JS获取时间的方法
2015/01/21 Javascript
JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
2016/01/12 Javascript
JavaScript的Backbone.js框架的一些使用建议整理
2016/02/14 Javascript
浅谈js中字符和数组一些基本算法题
2016/08/15 Javascript
AngularJS实现根据不同条件显示不同控件
2017/04/20 Javascript
详解axios在node.js中的post使用
2017/04/27 Javascript
Angular4学习教程之DOM属性绑定详解
2018/01/04 Javascript
JS实现的JSON序列化操作简单示例
2018/07/02 Javascript
在Vue 中使用Typescript的示例代码
2018/09/10 Javascript
vue-cli项目无法用本机IP访问的解决方法
2018/09/20 Javascript
微信小程序scroll-view的滚动条设置实现
2020/03/02 Javascript
Vuex实现购物车小功能
2020/08/17 Javascript
uniapp微信小程序:key失效的解决方法
2021/01/20 Javascript
python打开文件并获取文件相关属性的方法
2015/04/23 Python
Python3处理HTTP请求的实例
2018/05/10 Python
Python根据指定日期计算后n天,前n天是哪一天的方法
2018/05/29 Python
keras模型可视化,层可视化及kernel可视化实例
2020/01/24 Python
Python读取xlsx数据生成图标代码实例
2020/08/12 Python
浅析关于Keras的安装(pycharm)和初步理解
2020/10/23 Python
Homestay中文官网:全球寄宿家庭
2018/10/18 全球购物
请写出 BOOL flag 与"零值"比较的 if 语句
2016/02/29 面试题
给校长的建议书
2014/03/12 职场文书
家长会主持词
2014/03/26 职场文书
社会实践活动总结报告
2014/04/29 职场文书
初一新生军训方案
2014/05/22 职场文书
校友回访母校寄语
2015/02/26 职场文书
科技活动总结范文
2015/05/11 职场文书
民事申诉状范本
2015/05/20 职场文书
2019新学期家长会工作计划
2019/08/21 职场文书
Python干货实战之八音符酱小游戏全过程详解
2021/10/24 Python