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后问题解决

posted @ 2024-02-08 17:15  笑而不语心自闲  阅读(200)  评论(0编辑  收藏  举报