vue 使用element el-tree 树形控件设置默认节点高亮

<div class='tree'><el-tree :data="treeList" :highlight-current="highLight" ref="treeList" :load="getTree":render-content="renderContent" :expand-on-click-node='false' :defaul...

Jetaime鱼

15065人浏览 · 2019-08-21 11:44:59

Jetaime鱼 · 2019-08-21 11:44:59 发布

 <div class='tree'>
            <el-tree :data="treeList" :highlight-current="highLight" ref="treeList" :load="getTree"  :render-content="renderContent" :expand-on-click-node='false' :default-expanded-keys='[0]' node-key='id' :props="defaultProps" @node-click="handleNodeClick" lazy></el-tree>
        </div>

设置highlight-current为true，设置ref="treeList"

     created(){
         
            this.$nextTick(function(){
                this.$refs.treeList.setCurrentKey(0);  //"treeList"是你自己在树形控件上设置的 ref="treeList" 的名称
            })
           
        },

vue created方法中调用setCurrentKey方法设置根节点高亮

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^