vue element-ui Radio单选框组件默认值和vant radio单选组件默认选不中的原因：混用字符串和数字

最新推荐文章于 2024-02-22 17:55:54 发布

转载最新推荐文章于 2024-02-22 17:55:54 发布 · 1.7k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://www.jianshu.com/p/4a9ea0b132aa

标签

#vue.js #ui #elementui

收录于

VUE 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何在 Vue.js 中使用 Element UI 的 el-radio-group 组件来实现状态选择，包括禁用('1')和启用('2')两种选项，并展示了相关数据绑定和初始状态设置。

  <el-form-item label="状态" prop="status" :label-width="formLabelWidth">
            <el-radio-group v-model="ruleForm.status">
            <el-radio :label="1">禁用</el-radio>
            <el-radio :label="2">正常</el-radio>
            </el-radio-group>
          </el-form-item>


data() {
return {
 ruleForm: {
     status:1
        },
    }
}

总结：
: label=“1”，表示label的值为数字1，即期待数据值为数字
label=“1”，表示label的值为字符串1，即期待的数据值为字符串1