vue3:全局搜索解决方案
Posted 岁月可贵
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue3:全局搜索解决方案相关的知识,希望对你有一定的参考价值。
# 全局搜索解决方案
需求:用户通过搜索框进行全局搜索,与当前系统路由进行匹配,用户点击匹配结果,可以跳转到该路径下的页面。
原理:
- 根据用户输入内容在数据源中进行 模糊搜索
- 获取数据源
- 根据匹配结果,将其渲染到下拉框组件中
- 点击下拉框选项,跳转到其他页面
这里需要借助第三方库:fuse.js
import Fuse from \'fuse.js\'
let searchList = ref([
path: \'/profile\',
title<
以上是关于vue3:全局搜索解决方案的主要内容,如果未能解决你的问题,请参考以下文章