el-radio与el-checkbox默认选中问题解决

el-radio选中问题

lable前无冒号(label="1")

<template>
  <el-radio v-model="radio" label="1">备选项</el-radio>
  <el-radio v-model="radio" label="2">备选项</el-radio>
</template>

<script>
  export default {
    data () {
      return {
        radio: '1',//lable前无冒号使用字符串
      };
    }
  }
</script>

 lable前有冒号(:label="1")

<template>
  <el-radio-group v-model="radio">
    <el-radio :label="1">备选项</el-radio>
    <el-radio :label="2">备选项</el-radio>
  </el-radio-group>
</template>

<script>
  export default {
    data () {
      return {
        radio: 1 //lable前有冒号使用数字
      };
    }
  }
</script>

如果以上方法无效就使用以下方法

 

<template>
  <div class="select-box">
            <el-radio v-model="form.isEnableCard" :label="1">显示</el-radio>
            <el-radio v-model="form.isEnableCard" :label="2">不显示</el-radio>
          </div>
</template>

<script>
  export default {
    data () {
      return {
        form:{
         isEnableCard:'',
}
      };
    },
  mounted() {
    this.$set(this.form, "isEnableCard", 2); //设置会场名片墙默认值

}
  }
</script>

 el-checkbox选中问题

<template>
     <el-checkbox-group
              v-model="checkSignType"
             
            >
              <el-checkbox label="1">陀螺助手</el-checkbox>
              <el-checkbox label="2">扫码盒子</el-checkbox>
     </el-checkbox-group>
</template>

<script>
  export default {
    data () {
      return {
              checkSignType: [],

      };
    },
  mounted() {
    //this.checkSignType = ["1"];//直接这么写无效
    this.$nextTick(() => {
      this.checkSignType = ["1"];
    }); //设置签到方式默认值
}
  }
</script>

参考链接:https://blog.csdn.net/cream66/article/details/105380191