elementui2 el-menu-item的数组不能重复数据
时间: 2023-12-16 09:05:37 浏览: 29
如果您想确保`el-menu-item`的数组中不包含重复的数据,可以使用 JavaScript 中的 Set 数据结构。将您的数据数组传递给 Set 构造函数,它将自动删除重复项。然后,您可以将 Set 转换回数组并将其传递给 `el-menu-item`。
下面是一个示例代码:
```javascript
<template>
<el-menu>
<el-menu-item v-for="item in uniqueItems" :key="item">{{ item }}</el-menu-item>
</el-menu>
</template>
<script>
export default {
data() {
return {
items: ["apple", "banana", "orange", "apple", "banana"],
};
},
computed: {
uniqueItems() {
return [...new Set(this.items)];
},
},
};
</script>
```
在这个示例中,我们使用了 data 中的 items 数组。我们创建了一个计算属性 uniqueItems,它使用 Set 构造函数来删除重复项,并使用扩展运算符将 Set 转换回数组。最后,我们在 `el-menu-item` 中使用了这个计算属性来渲染菜单项。
注意,这里用到了 ES6 的语法,如果您的项目不支持 ES6,您可以使用传统的 for 循环和 indexOf 方法来实现去重。