vue+element目录树默认展开和选中

最近在做目录树,有一个回显的功能,就要默认选中

node-key为那个唯一字段 然后用default-checked-keys绑定一个数组,

defaultExpandKeys这个数组里面就是需要勾选的菜单所对应的的id

<div class="transLeft">
        <el-tree
          ref="tree2"
          show-checkbox
          node-key="id"  //唯一的
          :data="targetdata"
          :props="defaultProps2"    
          :expand-on-click-node="true"    //点击时候是否展开
          :default-checked-keys="defaultExpandKeys"  //默认展开
          :default-expanded-keys="defaultExpandKeys"  //默认选中
          @check-change="handleCheckChange"  //选中触发的方法
          >
        </el-tree>
    </div>

这个是百度人家的图片粘过来,好理解,嘻嘻

 

 

猜你喜欢

转载自www.cnblogs.com/Jerry1208/p/11938174.html
今日推荐