elementUi el-radio神奇的:label与label不能设置默认值-Toy模板网

这篇具有很好参考价值的文章主要介绍了elementUi el-radio神奇的:label与label不能设置默认值。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

elementUi el-radio神奇的:label与label不能设置默认值,elementui,vue.js,前端

问题：最近项目遇到一个奇葩的问题：红框中列表的单选按钮无法根据需求设置默认选中，但是同样是设置开启状态的单选框可以设置默认状态

elementUi el-radio神奇的:label与label不能设置默认值,elementui,vue.js,前端

原因：开始同样是和开启/关闭状态一样也把红框中列表的默认值设置为数字模式，但是由于后台返回值、与label绑定值的类型不同导致设置红框列表的默认值无法选中，故必须设置默认值的类型与值都必须与v-model绑定的值与类型一致的情况下才可以生效

elementUi el-radio神奇的:label与label不能设置默认值,elementui,vue.js,前端

神奇的label与:label

element-ui官网Radio单选框的使用中，基础用法使用的是label，radio的值是字符串；单选框组el-radio-group使用的是:label，radio的值是数字。这里我们很容易混淆对:label和label的使用

注意：在Vue中，加冒号的属性，引号里的值一般为一个变量或者表达式，如果为常量时，常量值需忽略后面的引号；没加冒号的属性，值包括后面的引号部分。例如：

label=“1”，表示label的值为字符串1，v-model绑定值应为字符串；
:label=“1”，表示label的值为数字1，v-model绑定值应为数字；
:label="‘1’"，表示label的值为字符串1，v-model绑定值应为字符串；文章来源地址https://www.toymoban.com/news/detail-627523.html

到了这里，关于elementUi el-radio神奇的:label与label不能设置默认值的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！