iView table 无法选中单选框?

例如:

<Table stripe :columns="header" :data="body"></Table>

export default {
  data () {
    return {
       header: [
           {
               title: '类型',
               key: 'type'
           },
           {
               title: '值',
               key: 'value',
               render: (h, params) => {
                   const row = params.row
                   if (row.type == 'radio') {
                       // 代码已在下面
                   }
               }
           }
       ],
       body: [
           {
              type: 'radio',
              value: 0,
              // 这里有两个选项
              items: [
                  {
                      label: 1,
                      title: '是'
                  },
                  {
                      label: 0,
                      title: '否'
                  }
              ]
           }
       ]
    }
  }
}
return h('RadioGroup', {
  props: {
    value: row.value
  }
},[
  h('Radio', {
    props: {
      label: row.items[0].label
    }
  }, row.items[0].title),
  h('Radio', {
    props: {
      label: row.items[1].label
    }
  }, row.items[1].title)
])

是和否无法切换选择:
图片描述

阅读 6.8k
1 个回答

已解决,需手动监听:
'on-change': (val) => {
row.value = val
}

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题