<el-autocomplete
class="inline-input"
v-model="scenicValue"
:fetch-suggestions="querySearch"
clearable
placeholder="Scenic Search"
@select="handleSelect"
>
<i
class="el-icon-search el-input__icon"
slot="suffix"
@click="handleIconClick">
</i>
</el-autocomplete>
querySearch(queryString, cb) {
const restaurants = this.scenicList // 数据源
console.log(restaurants, 'restaurants')
const result = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants
cb(result)
},
createFilter(queryString) {
return (restaurant) => {
console.log(restaurant, queryString, 'queryString')
return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) !== -1)
// value这儿要注意,最好不要改变这个字段
}
},
handleSelect (e) {
console.log(e, 'e')
// this.$router.push({ path: '/en/scenicSpotIntroduction/index', query: { id: e.id } })
// this.$store.commit('handelIndex', 1)
// sessionStorage.setItem('sid', e.id)
}