博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
iview Table表格单选框互斥
阅读量:6290 次
发布时间:2019-06-22

本文共 1294 字,大约阅读时间需要 4 分钟。

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

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

{                        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)                        },    },

  

 

转载于:https://www.cnblogs.com/xu-nian-qin/p/10818738.html

你可能感兴趣的文章
浅谈MVC3自定义分页
查看>>
.net中ashx文件有什么用?功能有那些,一般用在什么情况下?
查看>>
select、poll、epoll之间的区别总结[整理]【转】
查看>>
CSS基础知识(上)
查看>>
PHP中常见的面试题2(附答案)
查看>>
26.Azure备份服务器(下)
查看>>
mybatis学习
查看>>
LCD的接口类型详解
查看>>
Spring Boot Unregistering JMX-exposed beans on shutdown
查看>>
poi 导入导出的api说明(大全)
查看>>
Mono for Android 优势与劣势
查看>>
将图片转成base64字符串并在JSP页面显示的Java代码
查看>>
js 面试题
查看>>
sqoop数据迁移(基于Hadoop和关系数据库服务器之间传送数据)
查看>>
腾讯云下安装 nodejs + 实现 Nginx 反向代理
查看>>
Javascript 中的 Array 操作
查看>>
java中包容易出现的错误及权限问题
查看>>
AngularJS之初级Route【一】(六)
查看>>
服务器硬件问题整理的一点总结
查看>>
SAP S/4HANA Cloud: Revolutionizing the Next Generation of Cloud ERP
查看>>