在el-tree组件中实现搜索关键字并根据关键字展开指定节点的功能,可以按照以下步骤进行: 1. 在el-tree组件中实现搜索功能 首先,需要在你的Vue组件中设置一个输入框用于输入搜索关键字,并绑定一个数据属性来接收输入的值。然后,使用一个方法来实现搜索逻辑。 html <template> <div> <input v-mo...
</el-input> <el-option :value="formData.location_name" :label="formData.location_name" class="sel-option"> <el-tree :data="testData" :props="testDataProps" node-key="allName" default-expand-all highlight-current accordion @node-click="handleNodeClick" :filter-node-method="filterNode" ...
搜索后,比方说搜一个1 当我删掉关键字后,变成了全部展开: 我试过this.$refs.tree.setCheckedKeys([]);,没有作用,还是全部展开了。 this.$refs.tree.setCheckedKeys([])这个方法是设置勾选的节点 你想要清空的是展开的节点 你可以先打印下this.$refs.tree 看里面是否有类似setExpandedKeys(设置展开节点数组)...
this.$refs.tree.setCheckedKeys([])这个方法是设置勾选的节点 你想要清空的是展开的节点 你可以先打印下this.$refs.tree 看里面是否有类似setExpandedKeys(设置展开节点数组)的方法 没有类似方法可以试下这个element-ui官网给的示例里有这段代码 watch: { filterText(val) { this.$refs.tree.filter(val); }...