关于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 相关文章推荐
把JS与CSS写在同一个文件里的书写方法
Jun 02 Javascript
Js 刷新框架页的代码
Apr 13 Javascript
用函数模板,写一个简单高效的 JSON 查询器的方法介绍
Apr 17 Javascript
javascript实现 百度翻译 可折叠的分享按钮列表
Mar 12 Javascript
JS使用ajax方法获取指定url的head信息中指定字段值的方法
Mar 24 Javascript
node.js读取文件到字符串的方法
Jun 29 Javascript
JavaScript中的splice方法用法详解
Jul 20 Javascript
微信小程序 表单Form实例详解(附源码)
Dec 22 Javascript
关于vue.js过渡css类名的理解(推荐)
Apr 10 Javascript
详解jQuery中关于Ajax的几个常用的函数
Jul 17 jQuery
浅谈angular2 组件的生命周期钩子
Aug 12 Javascript
JavaScript实现星级评价效果
May 17 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
一个基于PDO的数据库操作类(新) 一个PDO事务实例
2011/07/03 PHP
详解PHP内置访问资源的超时时间 time_out file_get_contents read_file
2013/06/03 PHP
解析PHP计算页面执行时间的实现代码
2013/06/18 PHP
php微信支付之APP支付方法
2015/03/04 PHP
PHP实现的XML操作类【XML Library】
2016/12/29 PHP
javascript 弹出层组件(升级版)
2011/05/12 Javascript
JavaScript 在网页上单击鼠标的地方显示层及关闭层
2012/12/30 Javascript
通过length属性判断jquery对象是否存在
2013/10/18 Javascript
如何在JavaScript中实现私有属性的写类方式(一)
2013/12/04 Javascript
SuperSlide2实现图片滚动特效
2014/06/20 Javascript
浅谈window对象的scrollBy()方法
2015/07/15 Javascript
为什么JavaScript没有块级作用域
2016/05/22 Javascript
JavaScript学习笔记整理_简单实现枚举类型,扑克牌应用
2016/09/19 Javascript
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
2016/10/11 Javascript
微信小程序 生命周期和页面的生命周期详细介绍
2017/01/19 Javascript
jQuery仿IOS弹出框插件
2017/02/18 Javascript
jquery将标签元素的高设为屏幕的百分比
2017/04/19 jQuery
vue使用Axios做ajax请求详解
2017/06/07 Javascript
jQuery EasyUI的TreeGrid查询功能实现方法
2017/08/08 jQuery
原生JS实现ajax与ajax的跨域请求实例
2017/12/01 Javascript
JS实现的合并两个有序链表算法示例
2019/02/25 Javascript
性能优化篇之Webpack构建速度优化的建议
2019/04/03 Javascript
node命令行工具之实现项目工程自动初始化的标准流程
2019/08/12 Javascript
浅谈JavaScript窗体Window.ShowModalDialog使用
2020/07/22 Javascript
小程序实现密码输入框
2020/11/16 Javascript
vue 计算属性和侦听器的使用小结
2021/01/25 Vue.js
Python中os和shutil模块实用方法集锦
2014/05/13 Python
python中base64加密解密方法实例分析
2015/05/16 Python
Python django框架 web端视频加密的实例详解
2020/11/20 Python
python 列表推导和生成器表达式的使用
2021/02/01 Python
美国轮胎网站:Priority Tire
2018/11/28 全球购物
孝老爱亲模范事迹材料
2014/05/25 职场文书
学习十八届四中全会依法治国心得体会
2014/11/03 职场文书
导游词范文
2015/02/13 职场文书
2015年打非治违工作总结
2015/04/02 职场文书
PHP正则表达式之RCEService回溯
2022/04/11 PHP