vue实现高亮搜索查询加上下箭头移动定位的功能

//menu.js

const menu = [
{
name: "一、钢联数据智能版产品介绍",
id: "1a",
href: '#1',
class: "first-title-left",
noChild: true
},
{
name: "二、行业数据",
id: "2a",
href: '#2',
class: "first-title-left",
index: 2
},
{
name: "1.查找指标和提取指标",
id: "3a",
href: '#3',
class: "second-title-left",
father: 2
},
{
name: "2.选择日期范围",
id: "4a",
href: '#4',
class: "second-title-left",
father: 2
},
{
name: "3.指标计算",
id: "5a",
href: '#5',
class: "second-title-left",
father: 2
},
{
name: "4.编辑公式",
id: "6a",
href: '#6',
class: "second-title-left",
father: 2

},
{
name: "5.图形设置",
id: "7a",
href: '#7',
class: "second-title-left",
father: 2

},
{
name: "6.收藏和导出",
id: "8a",
href: '#8',
class: "second-title-left",
father: 2

},
{
name: "7.其它功能",
id: "9a",
href: '#9',
class: "second-title-left",
father: 2

},
{
name: "三、指标搜索",
id: "10a",
href: '#10',
class: "first-title-left",
index: 3
},
{
name: "1.关键词搜索",
id: "11a",
href: '#11',
class: "second-title-left",
father: 3

},
{
name: "2.指标编码搜索",
id: "12a",
href: '#12',
class: "second-title-left",
father: 3

},
{
name: "四、Excel插件",
id: "13a",
href: '#13',
class: "first-title-left",
index: 4
},
{
name: "1.Excel插件的安装和登录",
id: "14a",
href: '#14',
class: "second-title-left",
father: 4
},
{
name: "2.更新指标",
id: "15a",
href: '#15',
class: "second-title-left",
father: 4
},
{
name: "3.回查指标和查看数据库",
id: "16a",
href: '#16',
class: "second-title-left",
father: 4
},
{
name: "4.日期升降序",
id: "17a",
href: '#17',
class: "second-title-left",
father: 4
},
{
name: "5.检查异常指标",
id: "18a",
href: '#18',
class: "second-title-left",
father: 4
},
{
name: "五、资讯",
id: "19a",
href: '#19',
class: "first-title-left",
},
{
name: "六、研报",
id: "20a",
href: '#20',
class: "first-title-left",
},
{
name: "七、海关数据",
id: "21a",
href: '#21',
class: "first-title-left",
index: 7
},
{
name: "1.进入海关数据",
id: "22a",
href: '#22',
class: "second-title-left",
father: 7
},
{
name: "2.数据查询",
id: "23a",
href: '#23',
class: "second-title-left",
father: 7
},
{
name: "3.数据统计",
id: "24a",
href: '#24',
class: "second-title-left",
father: 7
},
{
name: "八、品种深度资料",
id: "25a",
href: '#25',
class: "first-title-left",
index: 8
},
{
name: "1.首页",
id: "26a",
href: '#26',
class: "second-title-left",
father: 8
},
{
name: "2.品种资料",
id: "27a",
href: '#27',
class: "second-title-left",
father: 8
},
{
name: "3.价格行情",
id: "28a",
href: '#28',
class: "second-title-left",
father: 8
},
{
name: "4.供需分析",
id: "29a",
href: '#29',
class: "second-title-left",
father: 8
},
{
name: "5.成本利润",
id: "30a",
href: '#30',
class: "second-title-left",
father: 8
},
{
name: "九、宏观",
id: "31a",
href: '#31',
class: "first-title-left",
index: 9
},
{
name: "1.进入宏观板块",
id: "32a",
href: '#32',
class: "second-title-left",
father: 9
},
{
name: "2.总览",
id: "33a",
href: '#33',
class: "second-title-left",
father: 9
},
{
name: "3.宏观经济概览",
id: "34a",
href: '#34',
class: "second-title-left",
father: 9
},
{
name: "十、期货",
id: "35a",
href: '#35',
class: "first-title-left",
index: 10
},
{
name: "1.进入期货板块",
id: "36a",
href: '#36',
class: "second-title-left",
father: 10
},
{
name: "2.品种涨跌幅和持仓变化率图",
id: "37a",
href: '#37',
class: "second-title-left",
father: 10
},
{
name: "3.基差表",
id: "38a",
href: '#38',
class: "second-title-left",
father: 10
},
{
name: "4.远期曲线",
id: "39a",
href: '#39',
class: "second-title-left",
father: 10
},
{
name: "5.龙虎榜",
id: "40a",
href: '#40',
class: "second-title-left",
father: 10
},
{
name: "十一、系统功能",
id: "41a",
href: '#41',
class: "first-title-left",
index: 11
},
{
name: "1.基本设置",
id: "42a",
href: '#42',
class: "second-title-left",
father: 11
},
{
name: "2.消息中心",
id: "43a",
href: '#43',
class: "second-title-left",
father: 11
},
{
name: "3.个人中心",
id: "44a",
href: '#44',
class: "second-title-left",
father: 11
},
{
name: "4.问题反馈",
id: "45a",
href: '#45',
class: "second-title-left",
father: 11
},
{
name: "十二、常见问题处理方法",
id: "46a",
href: '#46',
class: "first-title-left"
},
]
export default menu;