Vue el

2023-06-24 13:14| 来源: 网络整理| 查看: 265

要在Vue的Element UI库的el-table单元格中插入按钮组el-radio-group，需要使用scoped slot功能，通过插入自定义内容在el-table中添加按钮组el-radio-group。

以下是一个简单的示例代码，展示了如何在el-table单元格中插入el-radio-group按钮组：

R1 R2 R3 export default { data() { statusArr:[], return { tableData: [ { name: 'John', status: '1' }, { name: 'Jane', status: '2' }, { name: 'Bob', status: '3' } ] }; } };

在此示例中，我们使用了el-table的scoped slot功能，将自定义内容插入到el-table-column中的单元格中。在自定义内容中，我们添加了el-radio-group组件，并将其绑定到对应列的数据属性上。对于每行数据，我们都可以通过el-radio-group选择不同的状态。

请注意，我们在右侧的el-table-column元素中使用了label属性来添加表头标签。这使得代码更容易阅读和理解数据表格的内容。

扩展

//前端回显 this.statusArr = this.statusStr.split(","); //转换为字符串传到后台 this.statusStr = this.statusArr.join(",");

有用请点赞，养成良好习惯！

疑问、交流、鼓励请留言！

【本文地址】

Vue el

Vue el

今日新闻

推荐新闻