iview 使用table的s设置为单选

Posted 2021-01-04 web-zqk

相信很多使用iview的朋友，在用到table，都会遇到需要使用selection的场景，但是总会有那么一个产品汪，觉得iview的单选效果不好，非要用selection的来做单选，那么下面这个方法就能解决这个问题：
{
    title: ‘选中‘,
    align:‘center‘,
    key: ‘checkBox‘,
    render:(h,params)=>{
        return h(‘div‘,[
            h(‘Checkbox‘,{
                props:{
                    value:params.row.checkBox
                },
                on:{
                    ‘on-change‘:(e)=>{
                        console.log(e)
                        this.tableData.forEach((items)=>{      //先取消所有对象的勾选，checkBox设置为false
                            this.$set(items,‘checkBox‘,false)
                        });
                        this.tableData[params.index].checkBox = e;  //再将勾选的对象的checkBox设置为true
                    }
                }
            })
        ])
    }
},