您好,匿名用户

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

0 投票

题目描述

根据后台传来的数据,动态渲染到页面上,可是用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属性的说明,我现在的效果就是一开始所有的都没有选中,必须自己点击的时候才能选中

用户头像 提问 5月16日 @ 匿名用户
分享到:

1个回答

0 投票
 
最佳答案

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

用户头像 回复 5月16日 @ Fiddlesticks 中士 (1,107 威望)

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...