el-tree如何循环数组
时间: 2024-05-15 16:10:02 浏览: 112
数组的循环
el-tree是element-ui中的一种树形结构的组件,用于展示树形数据。循环数组可以通过设置el-tree的data属性来实现。
具体来说,可以通过遍历数组,将每个元素转换成树形结构的节点,然后将这些节点组成一个树形结构,再将这个树形结构赋值给el-tree的data属性。
以下是一个示例代码:
```html
<template>
<el-tree :data="treeData"></el-tree>
</template>
<script>
export default {
data() {
return {
array: ['a', 'b', 'c'],
treeData: []
}
},
mounted() {
this.treeData = this.array.map(item => {
return {
label: item
}
})
}
}
</script>
```
在上面的代码中,mounted生命周期函数中遍历了数组,将每个元素转换成了一个包含label属性的树形节点,并将这些节点组成了一个树形结构,最后将这个树形结构赋值给了el-tree的data属性。
阅读全文