在写这个el-tree时,自定义节点内容里面是数据是自定义的

 这个原本写的代码,可以打印出treedata,但是这个上面一直不显示

<p>菜单管理</p>
    <el-tree
      :data="treedata"
      node-key="id"
      show-checkbox
      default-expand-all
      :expand-on-click-node="false">
      <span class="custom-tree-node" slot-scope="{ node, treedata }">
        <span>{{node.name}}</span>
        <!--   v-text="node.name" -->
        <span>




 

解决办法:查阅官方文档后,在el-tree上面加个props,把数据里面的name声名成lable就可以了

<p>菜单管理</p>
        <el-tree :data="treedata" node-key="id" show-checkbox default-expand-all
        :expand-on-click-node="false"
        :props="{ label: 'name' }">
          <span class="custom-tree-node" slot-scope="{ node, treedata }">
            <span>{{ node.label }}</span>
            <span>

 

这里记录一下我踩的坑,如果有说的不对的地方欢迎指出

Logo

前往低代码交流专区

更多推荐