效果展示:
模糊搜索
功能介绍:
1.点击输入框的时候,不输入的情况下先显示推荐的内容。
2.输入内容之后进行模糊推荐,显示内容匹配的详情区域,没有匹配的内容则不显示。
3.点击对应匹配的详情区域跳转页面,如果没有匹配的内容,回车进入搜索功能。
代码如下:
1.在<template></template>中输入对应的输入框及详情区域
2.JS部分
data数据
created调用
methods方法:
效果展示:
模糊搜索
功能介绍:
1.点击输入框的时候,不输入的情况下先显示推荐的内容。
2.输入内容之后进行模糊推荐,显示内容匹配的详情区域,没有匹配的内容则不显示。
3.点击对应匹配的详情区域跳转页面,如果没有匹配的内容,回车进入搜索功能。
代码如下:
1.在<template></template>中输入对应的输入框及详情区域
2.JS部分
data数据
created调用
methods方法: