vue 移动端 搜索页面---联想菜单铺设

实现效果:

1. 在api 里进行请求数据

//搜索联想菜单--列表接口
export const suggestListAPI = ({ keywords }) =>
  axios({
    url: "/v1_0/suggestion",
    method: "GET",
    params: {
      q: keywords,
    },
  });

2. 在搜索界面----引入api 的方法

import {suggestListAPI}from '@/api'

3.在data 里进行声明

suggestList:[] //联想建议列表--- 文字数组

4.在methods 里进行请求数据

5.在建议界面 使用v-for 进行循环遍历࿰