极客观点
项目管理
HarmonyOS
我这里有个需求，需要在上面的搜索框中搜索，然后定位到下面的Tree节点中去（在视野中出现），因为Tree默认是展开的，而且我这里节点很多，找起来很不方便。
emmm，这个问题其实也不复杂，只是树上显示的内容，用一个函数返回过去，并且使用v-html。
这个函数完成的功能就是把树节点的文本中，搜索关键字部分替换为一个html标签。
比如搜索“技术” 则“技术研发三部” 换成 “<font class='include-keyword'>技术<font>研发三部”，这样你可以通过querySelectAll得到所有包含关键字的node，搜索的时候node.scrollIntoView()即可跳到搜索目标位置，而且搜索目标的高亮也可以完成，和浏览器搜索差不多。
大概思路，我实现过多次，理解了应该很简单。
撰写回答
你尚未登录，登录后可以
- 和开发者交流问题的细节
- 关注并接收问题和回答的更新提醒
- 参与内容的编辑和改进，让解决方法与时俱进
推荐问题
如何在Element-UI的el-image-viewer组件预览图片上添加文字？
如何在通过Element-ul的 el-image-viewer组件实现的预览的图片上添加文字，例如下面这种效果尝试在组件上添加div但是没有效果 {代码...} 补充问题：页面上通过this.$openPreview 传递图片数据改写：页面上preview.jsmypreview.vueMyImage.vueMyImageViewer.vue当前页面：2 回答1k 阅读✓ 已解决
elementui校验不起作用，哪里出错了？
我用ai生成了前端代码，要求字段都要校验，但不起作用。请问前端大佬们，哪里出错了？ {代码...}3 回答1.1k 阅读
在vue中如何把el-dialog中表单里的内容置灰设置只读不可修改？
请问在vue中如何把el-dialog中表单里的内容置灰设置只读不可修改复制了一个dialog设置，但没反应。1 回答965 阅读✓ 已解决
el-table表格行中嵌入el-dropdown导致卡顿，如何优化？
使用了umy-ui的表格，虚拟滚动，对大数据卡顿已经有了不错的改善，但是发现在表格行中塞入el-dropdown组件后，就会变更的明显的卡顿，该如何优化呢？1 回答908 阅读✓ 已解决
el-pagination切换分页大小问题?
vue的el-pagination切换分页大小触发size-change方法例如现在又100条数据 初始pageSize为10，pageNum为1 ，即共10页现在我切换到第10页 即pageNum = 10 ，现在我切换pageSize为 100，那只会存在1页数据 但是我的pageNum = 10 这种情况下不会出现错误嘛1 回答1.1k 阅读
elementui中，el-popover通过该组件内部方法doShow显示后，点击页面其他部分无法隐藏？
表格中需要用到el-dropdown，但是数据稍微多一点就卡，所以想着能不能共用一个下拉组件，但是没有找到资料，但是发现可以共用一个el-popover，然后把dropdown放进去，所以需要自己控制el-popover的显示隐藏，点击触发按钮后，调用组件的doShow()能够显示该组件，但是点击其他位置，该组件无法隐藏了，该怎么处理？1 回答846 阅读✓ 已解决
elementui的表格拖拽改变列宽后，后续列拖拽排序失效？
在包含el-table的表格页面，mounted中执行下列函数，用户拖拽列排序（基于Sortable实现），这个功能没问题，但是现在需要使用自带的列属性resize来拖拽改变列宽，发现拖拽列改变宽度后，被拖拽列后续的所有列都无法拖动排序了，拖拽列前面的列仍可以拖拽排序，请问怎么回事？1 回答737 阅读✓ 已解决
宣传栏
element Tree可以通过关键字过滤树节点