el-tree 懒加载时,符合指定条件时如何去掉下拉箭头

更改tree的defaultProps,在业务逻辑中给treeData添加属性leaf

<el-tree
                    ref="pdTree"
                    node-key="pdbh"
                    :load="loadChildrenNode"
                    :highlight-current="true"
                    lazy
                    :props="defaultProps"
                    @node-click="handleNodeClick"
                    :render-content="renderContent">
</el-tree>

<script>
defaultProps: {
                    label: 'jdmc',
                    children: 'children',
                    isLeaf: 'leaf'---是否叶子节点,true是叶子节点,不显示下拉框;false非叶子节点,显示下拉框
               }
               
methods:{
	loadChildrenNode(node,resolve){
                if (node.level === 0) { //第一级
                    this.node = node
                    this.resolve = resolve
                    resolve([
                        {
                            jdmc: this.$store.state.user.rootOrg.zzmc,
                            zylx:'-1',
                            pdbh:'0'
                        }
                    ]);
                }
                if(node.level === 1){
                    pwJdxx_getPwzjdByPdbh(this.jgbm,0).then(res=>{
                        resolve(res.content)
                    })
                }
                if (node.level > 1) {
                    this.getChildrenNode(node,resolve)
                }
            },
	getChildrenNode(node,resolve){ //获取节点树的子节点
                let parentId = node.data.pdbh
                pwJdxx_getPwzjdByPdbh(this.jgbm,parentId).then(res=>{
                    res.content.forEach(item=>{
                        if('指定条件'){
                            item.leaf = true   ---添加leaf属性,为true表示此节点为树节点,不予显示下拉框
                        } 
                    })
                    resolve(res.content)
                })
            }
}
</script>
发布了51 篇原创文章 · 获赞 8 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/weixin_44171757/article/details/99829522