vue2远程搜索数据回显

要实现远程搜索数据回显，可以使用Vue.js和Axios库来发送异步请求并将结果显示在页面上。

首先，你需要在Vue中定义一个data属性，用于存储搜索结果：

data() {
  return {
    searchResults: []
  }
}

然后，在模板中添加一个文本框和一个按钮，用于触发搜索：

<input type="text" v-model="searchText">
<button @click="search">搜索</button>

接下来，在methods中定义search方法，使用Axios库发送异步请求获取搜索结果：

methods: {
  search() {
    axios.get('/api/search', { params: { q: this.searchText } })
      .then(response => {
        this.searchResults = response.data;
      })
      .catch(error => {
        console.log(error);
      })
  }
}

在上面的代码中，假设你的搜索API接受一个名为q的查询参数，并返回一个包含搜索结果的数组。

最后，你可以在模板中使用v-for指令将搜索结果显示在页面上：

<ul>
  <li v-for="result in searchResults" :key="result.id">{{ result.name }}</li>
</ul>

在上面的代码中，假设搜索结果的每个项都有一个名为id和name的属性。

这样，当用户在文本框中输入搜索关键字并点击按钮时，Vue会发送异步请求获取搜索结果，并将结果显示在页面上。