DDR爱好者之家 Design By 杰米

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属性使用和不使用冒号的区别说明就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米

RTX 5090要首发 性能要翻倍!三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。

据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。