关于前端:elementui-eltree的用法与过滤搜索单选高亮效果

1、el-tree用法
<el-tree class=”filter-tree”
@node-click=”handleNodeClick” //点击事件
:data=”data” //数据
:props=”defaultProps”
default-expand-all //全副开展
:filter-node-method=”filterNode” //过滤搜寻
node-key=”id” //绑定id
:highlight-current=”true” //高亮成果
check-on-click-node //点击节点
:current-node-key=”selectMrid” //以后选中节点
ref=”tree” //ref
:indent=”indentPx”
:render-content=”renderContent”>
</el-tree>

2、过滤搜寻
watch: {

filterText(val) {
    this.$refs.tree.filter(val);
},

},

3、默认高亮成果,单选高亮成果,更改成果
this.$nextTick(() => {

this.$refs.tree.setCurrentKey(this.selectMrid); //肯定要加这个选中了否则款式没有进去

});

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理