首页 > 其他分享 >element-plus 2.4.1版本 el-tree踩坑

element-plus 2.4.1版本 el-tree踩坑

时间:2024-02-08 17:22:58浏览次数:26  
标签:el tree label plus element 2.4

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

标签:el,tree,label,plus,element,2.4
From: https://www.cnblogs.com/vPYer/p/18011962

相关文章

  • 基于Huggingface Accelerate的DDP训练
    #-*-coding:utf-8-*-""""ThisdocumentisasimpleDemoforDDPImageClassification"""fromtypingimportCallablefromargparseimportArgumentParser,Namespaceimporttorchfromtorch.backendsimportcudnnfro......
  • helm部署MySQL主从架构8.0
    1.准备原文件1.1.更新chart仓库首先,添加存储库并更新Helm存储库:#更新chart仓库helmrepoaddaliyunhttps://kubernetes.oss-cn-hangzhou.aliyuncs.com/chartshelmrepoaddstablehttp://mirror.azure.cn/kubernetes/chartshelmrepoaddbitnamihttps://charts.bitnam......
  • pixel2 Android11 Https 抓包记录
    关键词:pixel2Android11MagiskhttpcanaryHttps最近需要抓HTTPS,手里设备有pixel2,4,6都是高版本。查找了下资料,配置环境,记录下。前置条件1.设备一台已Root,Magisk方案需要物料:1.winadb环境。参见:https://www.cnblogs.com/myred/p/14506909.html2.winopenssl环境。......
  • 英文短语和单词备忘 - as well as
    Englishphrasesandvocabularynotes:aswellas"aswellas"是一个连接词组,通常用于连接两个相似的元素,以强调两者都具有某种性质或特征。以下是一些常见的用法:添加额外的信息:"aswellas"经常用于在列举中添加额外的信息,表示与之前提到的事物类似或相关。例句:"Ienj......
  • CMakeLists常用指令
    #指定cmake最低版本cmake_minimum_required(VERSION3.10.2)#指定工程名字和支持的语言project(testLANGUAGESCXX)#指定cmake模块路径set(CMAKE_MODULE_PATH"${CMAKE_SOURCE_DIR}/cmake")#指定C++标准set(CAMKE_CXX_STANDARD17)#搜索第三方包......
  • 反弹shell
    概念反弹shell,就是攻击机监听在某个TCP/UDP端口为服务端,目标机(被攻击的目标)主动发起请求到攻击机监听的端口,并将其命令行的输入输出转到攻击机。正向连接假设我们攻击了一台机器,打开了该机器的一个端口,攻击者在自己的机器去连接目标机器(目标ip:目标机器端口),这是比较常规的形式,我......
  • 使用 Kestrel 自托管https 并作为 Windows 服务启动 Blazor 提示: 无法配置 HTTPS 端
    原文链接https://stackoverflow.com/questions/53300480/unable-to-configure-https-endpoint-no-server-certificate-was-specified-and-the/71026252#71026252使用Kestrel自托管并作为Windows服务启动Blazor提示UnabletoconfigureHTTPSendpoint.Noservercertifi......
  • Codeforces-Pinely-Round-3
    比赛链接A.DistinctButtons扣掉一个方向就是只能走到相邻两个象限以及和这两个象限相邻的坐标轴上,判一下是不是所有的点都满足就行。判的时候只需要判是否所有\(x\le0\)(落到二、三象限),或者所有\(x\ge0\)(四、一象限),或者所有\(y\le0\)或者所有\(y\ge0\)就行,......
  • [LeetCode] 2641. Cousins in Binary Tree II
    Giventherootofabinarytree,replacethevalueofeachnodeinthetreewiththesumofallitscousins'values.Twonodesofabinarytreearecousinsiftheyhavethesamedepthwithdifferentparents.Returntherootofthemodifiedtree.Note......
  • el-image实现在el-table-column中展示多张图片,且能够大图循环预览
    效果:能在表格中展示且点击需要查看的即可放大查看,多组图片放大时可左右切换  核心代码:注意:workPhoto是图片地址的数组通过v-for来遍历每个列表的图片地址数组,结合:src="item"把每个图片展示在表格里,展示图片的大小样式用style来设定通过:perview-src-list="getImgList(s......