iview 將table的selection多選變單選方法

相信不少使用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                    }                }            })        ])    }},
相關文章
相關標籤/搜索