1. 程式人生 > 實用技巧 >el-tree懶載入無子級資料時去掉下拉箭頭

el-tree懶載入無子級資料時去掉下拉箭頭

點選機構樹,子機構沒有資料時候 去掉下拉箭頭。

方法一:

data() {
        return {
            treeData: [],
            defaultProps: {
                children: 'children',
                label: 'label',
                isLeaf: (data, node) => {
                    if(node.level === 2) {
                        return true
                    }
                },
            }
        }
    },

  

        //tree載入子機構
        loadSubOrg(node, resolve) {
            let orgId = node.data.id;
            if (node.level === 1) {
                this.$http({
                    method: 'get',
                    url: this.$api.organization.findChildTreeNode + '/' + orgId,
                }).then((res) => {
                    console.log(res, 'res')
                    resolve(res.nodes)
                }).catch(err => {
                    console.log(err);
                })
            }
        },

使用css隱藏箭頭圖示

/deep/ .is-leaf.el-tree-node_expand-icon  {
    display:none;
}