element-plus 2.4.1版本 el-tree踩坑
element-plus 2.4.1版本
el-tree 设置属性props中的label时,无法指定,例如
<el-tree
:data="datas.tree_data"
show-checkbox
node-key="menu_id"
:props="{
// label: function(data, node) {
// return data.menu_name;
// },
label:'menu_name',
class: customNodeClass
}"
default-expand-all
:expand-on-click-node="false"
ref="treeRef"
>
其中无论将label设置为str或是function都无法执行,只能通过作用域插槽调用data数据,例如:
<template v-slot:permit>
<el-tree
:data="datas.tree_data"
show-checkbox
node-key="menu_id"
:props="{
// label: function(data, node) {
// return data.menu_name;
// },
label:'menu_name',
class: customNodeClass
}"
default-expand-all
:expand-on-click-node="false"
ref="treeRef"
>
<template #default="{ node,data }">
<div>
<div><strong>{{ data.menu_name }}</strong></div>
<el-checkbox-group
v-model="datas.check_list" v-if="data.menu_fun && data.menu_fun.length>0">
<el-checkbox v-for="item in data.menu_fun" :key="item.value" label="item.value">
{{ item.label }}
</el-checkbox>
</el-checkbox-group>
</div>
</template>
</el-tree>
</template>
解决办法: 将element-plus更新至2.5.5后问题解决