vue+elementui 写el-tree时可以获取值但是不能显示解决
el-tree
·
在写这个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>
这里记录一下我踩的坑,如果有说的不对的地方欢迎指出
更多推荐
已为社区贡献2条内容
所有评论(0)