element-ui tree问题,设置默认选中的节点。点击的时候把获取的节点给后台。改变最底层节点的样式,使他横着排列

<el-tree
        :data="roledata"
        show-checkbox
        default-expand-all
        node-key="id"
        ref="tree"
        highlight-current
        :props="defaultProps"        
        :default-checked-keys="choosedRole"

         :render-content="renderContent"    //树节点的内容区的渲染 。把最底层节点加在这里
        @check-change="getCheckedKeys"   //只要有节点状态发生变化都会触发这个节点。所以有时候会点一个触发三次。判断了他的父亲节点和祖父节点的状态。最难得是这里啊,如果页面没有确认按钮。你只需在最后一次触发事件时去执行接口的函数。下面可以看到我用了延时。
        >
</el-tree>

接口数据

flag:false,

 

getRolePowerLists(){//被选中的
            this.listLoadingRole=true;
            getSchooRolePowerList({roleid:this.roleid}).then(res=>{
                if (res.code == 1) {
                this.listLoadingRole=false;
      

  • 13
    点赞
  • 36
    收藏
    觉得还不错? 一键收藏
  • 16
    评论
评论 16
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值