vue3：全局搜索解决方案

Posted 2022-07-15 岁月可贵

# 全局搜索解决方案

需求：用户通过搜索框进行全局搜索，与当前系统路由进行匹配，用户点击匹配结果，可以跳转到该路径下的页面。

原理：

• 根据用户输入内容在数据源中进行 模糊搜索
• 获取数据源
• 根据匹配结果，将其渲染到下拉框组件中
• 点击下拉框选项，跳转到其他页面

---

这里需要借助第三方库：fuse.js

import Fuse from \'fuse.js\'
let searchList = ref([
  
   
    path: \'/profile\',
    title<