表格:单选功能

77 阅读1分钟

项目中用到表格中的,选中某一行的单选功能;

<el-table :data="tabledata" @row-click="singleElection">
<el-table-column>
  <template slot-scope = "scope">
    <el-radio v-model="templateSelection"></el-radio>
  </template>
</el-table-column>
 <el-table-column prop=``"id"` `label=``"ID"``></el-table-column>
 <el-table-column prop=``"title"` `label=``"标题"``></el-table-column>
 <el-table-column prop=``"priority"` `label=``"优先级"``></el-table-column>
 <el-table-column prop=``"state"` `label=``"状态"``></el-table-column>
 <el-table-column prop=``"dealingPeople"` `label=``"处理人"``></el-table-column>
</el-table>

2.在data代码中: ``` data(){ return { templateSelection:'', tableData:[ {id}, {}, {}

    ]
  }

}
```

3.在methods中,rowclick对应单选的方法singleElection

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