iview Table表格单选框互斥

表格中添加单选框,而且互斥javascript

首先带data中定义   currentid : 0 ;表示默认不选中java

{
                        title: "名称",
                        key: "name",
                        render: (h, params) => {
                            // console.log(params,'----------------params------------------') //为data中的值
                            let id = params.row.id;
                            let defaultS = false;
                            // console.log(this.currentid)
                            if (this.currentid == id) {
                                defaultS = true;
                            } else {
                                defaultS = false
                            }
                            let self = this;
                            return h('Radio', {
                                props: {
                                    value: defaultS  //判断单选框状态
                                },
                                on: {
                                    'on-change': () => {
                                        self.currentid = id; //赋值单选框id。对比id判断状态
                                       
                                    }
                                }
                            }, params.row.cname)
                        },
    },
相关文章
相关标签/搜索