element

2023-07-15 03:11| 来源: 网络整理| 查看: 265

项目中实现 table 表格控件单选功能，如图：

基本代码如下：

1、template 代码中：

;

注意：

;

这里写的目的是为了页面不显示内容，只显示单选操作

2、data 代码中：

data() { return { templateSelection: '', templateRadio: null, // 返回数据 tableData: [ { 'id': 1, 'title': '嘿嘿嘿', 'priority': '高', 'state': 1, 'dealingPeople': '小龙女' }, { 'id': 2, 'title': '嘻嘻嘻', 'priority': '中', 'state': 2, 'dealingPeople': '小龙女' }, { 'id': 3, 'title': '哈哈哈', 'priority': '低', 'state': 3, 'dealingPeople': '小龙女' }, { 'id': 3, 'title': '哈哈哈', 'priority': '低', 'state': 3, 'dealingPeople': '小龙女' }, { 'id': 3, 'title': '哈哈哈', 'priority': '低', 'state': 3, 'dealingPeople': '小龙女' }, { 'id': 3, 'title': '哈哈哈', 'priority': '低', 'state': 3, 'dealingPeople': '小龙女' } ] } }

3、methods 代码中：

singleElection (row) { this.templateSelection = this.tableData.indexOf(row); this.templateRadio = row.id; },

【本文地址】

公司简介

联系我们