请问vue使用element-Ui中的Tree组件，如何循环后台返回的数据,

Question

直接贴代码了，这是tree组件这是一个查询请求，返回值放入之前定义的items中,返回的结果我下面贴出来

这是返回值中的一组数据，希望可以将这个name值以及其他的name循环渲染到树组件上，但是不知道如何在树组件上做循环，尝试用v-for="item of items" 绑定之后，如果在<span>标签位置 {{item.name}}进行获取,结果失败，页面重复渲染

Answer 1

tree组件接收一个嵌套数组，他自己会去内循环，不用你循环。另外，你里面加了span元素，是要做插槽吗，还是什么意思，如果就是渲染的话，只需要设置label，children就行了，怎么设置看文档，如果是使用插槽，那你要用

<span slot-scope="{ node, data }">{{ node.name }}</span>

Answer 2

官方文档中的渲染显示项是label，把name改为label试试

<el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
<script>
  export default {
    data() {
      return {
        data: [],
        // 这里
        defaultProps: {
          children: 'children',
          label: 'label' // 这里修改对应关联项
        }
      };
    },
    methods: {
      handleNodeClick(data) {
        console.log(data);
      }
    }
  };
</script>