<el-button @click="addToSelectedData" style="height: 40px;" :clearable="false">添加</el-button> </div> <el-table :data="dialogObj.children"> <el-table-column prop="name" label="分项"></el-table-column> <el-table-column label="操作"> <template slot-scope="scope"> addToSelectedData() { // 将选择好的信息添加到数组中 this.dialogObj.children.push({ name: this.dialogObj.indexName, }) console.log(this.dialogObj) }, deleteSelectedData(index) { this.selectedData.splice(index, 1) },添加之后怎么去重
时间: 2023-07-16 08:17:02 浏览: 49
你可以使用 JavaScript 中的 Set 数据结构进行去重。在添加数据时,先将所有已存在的数据组成一个 Set,然后将新加入的数据与 Set 进行比较,如果 Set 中已存在该数据,则不再添加;否则将新数据添加到 Set 中,并将 Set 转换为数组即可。
具体代码实现可以参考以下示例:
```
addToSelectedData() {
const selectedSet = new Set(this.dialogObj.children.map(item => item.name));
if (!selectedSet.has(this.dialogObj.indexName)) {
this.dialogObj.children.push({ name: this.dialogObj.indexName });
}
},
```
相关问题
<div style="height: 300px; overflow-y: scroll;"> <el-table :data="dialogObj.children"> <el-table-column prop="name" label="分项"></el-table-column> <el-table-column label="操作"> <template slot-scope="scope"> <el-button @click="deleteSelectedData(scope.$index)">删除</el-button> </template> </el-table-column> </el-table> </div>怎么加分割线
你可以在 `div` 标签中加上 `border-top: 1px solid #ccc;` 的 CSS 样式,来添加一条分割线。示例如下:
```
<div style="height: 300px; overflow-y: scroll; border-top: 1px solid #ccc;">
<el-table :data="dialogObj.children">
<el-table-column prop="name" label="分项"></el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button @click="deleteSelectedData(scope.$index)">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
```
这样就会在 `div` 的顶部添加一条灰色的分割线。你可以根据需要调整分割线的颜色和粗细。
<el-table :data="dialogObj.children"> <el-table-column prop="name" label="分项"></el-table-column> <el-table-column label="操作"> <template slot-scope="scope"> <el-button @click="deleteSelectedData(scope.$index)">删除</el-button> </template> </el-table-column> </el-table>设置一个滚轮
你可以将 `<el-table>` 组件包裹在一个固定高度的容器中,并设置 `overflow-y: scroll` 来实现滚动条的效果。例如:
```html
<div style="height: 300px; overflow-y: scroll;">
<el-table :data="dialogObj.children">
<el-table-column prop="name" label="分项"></el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button @click="deleteSelectedData(scope.$index)">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
```
这样,当表格内容超出容器高度时,会自动出现纵向滚动条。你可以根据需要调整容器的高度和样式。