vue element-ui radio组件里怎么不好设置checked

Question

题目描述

根据后台传来的数据，动态渲染到页面上，可是用element-ui里的radio-group组件一开始不好默认选中

题目来源及自己的思路

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

// 数据
let data = {    
  name: '金额',
  count: [
    {
      isSelected: 1,   // 1 默认选中
      description: 10
    },
    {
      isSelected: 0,
      description: 20
    },
    {
      isSelected: 1,
      description: 30
    },
    {
      isSelected: 1,
      description: 40
    },
  ] 
}

let radio = []


 <el-radio-group v-model="radio" v-for="(item, index) in data.count" :key="index">
   <el-radio :label="item.description" :checked="item.isSelected === 1">{{item.description}}</el-radio>
 </el-radio-group>

你期待的结果是什么？实际看到的错误信息又是什么？

后台返回的数据大概就是这个，我现在根据数据渲染到页面，不会默认选中，看了下组件的文档也没写checked属性的说明，我现在的效果就是一开始所有的都没有选中，必须自己点击的时候才能选中

Answer 1

主要是用了element-ui里的radio组件，后面自己想了个办法，根据isSelected的值等于1 把当前的description值取出来存起来，后面再根据取出来的值默认选中，这里有一个小坑，存起来的值，必须用vue.$set方法，不然还是不会默认选中，这个方法看下vue 官网就行了，很详细

Answer 2

vue核心思路：数据驱动!
只需要把v-model="radio"这里的radio的值设置为10就可以了