<template>
<el-table :data="tableData" style="width: 100%">
<el-table-column label="标签" prop="head">
<template slot-scope="scope">
<!-- 使用 scoped slot 自定义单元格内容 -->
<el-link @click="remove(scope.row)">
{{ scope.row.licence1 }}
</el-link>
</template>
</el-table-column>
<!-- 其他列和配置 -->
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
// 表格数据
// ...
],
};
},
methods: {
remove(row) {
// 在这里实现删除逻辑
const index = this.tableData.indexOf(row);
if (index !== -1) {
this.tableData.splice(index, 1);
}
// 还可以执行其他删除操作
},
},
};
</script>
Vue + Element-UI 移除表项
最新推荐文章于 2024-06-03 14:47:38 发布
文章介绍了如何在Vue应用中使用ElementUI构建一个带有自定义单元格链接的表格,展示如何通过`v-bind`实现数据绑定,并演示了删除行的逻辑,包括从数组中移除元素的方法。
摘要由CSDN通过智能技术生成