欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

elementui的搜索建议

程序员文章站 2022-06-07 15:31:47
...
<el-autocomplete
        class="el-input"
        v-model="seachTxt"
        value-key="keyword"
        :fetch-suggestions="getSuggestions"
        placeholder="请输入歌手 歌曲名"
        :trigger-on-focus="true"
        @focus="getDefaultSuggest">
</el-autocomplete>

需要注意的是 value-key 这是通过  getSuggestions拿到建议数组,之后要显示的值所对应的键(因为是一个对象数组,对象中的哪个键用于显示)

 

官网例子:

<el-autocomplete
  v-model="state"
  :fetch-suggestions="querySearchAsync"
  placeholder="请输入内容"
  @select="handleSelect"
></el-autocomplete>

官网的例子没有这个  value-key  ,我猜是因为它默认用于显示的键名是 value