【Vue】iView table 无法选中单选框？

• Z时代
• 2024-01-10
• 分类：技术分享

例如：

<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)
])

是和否无法切换选择：

回答

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

以上是 【Vue】iView table 无法选中单选框？ 的全部内容， 来源链接： utcz.com/a/83580.html