实现 el-input 输入值，模糊搜索显示下拉选项功能代码

<el-autocomplete
	class="inline-input"
	v-model="scope.row.proId"
	:fetch-suggestions="proIdSearch"
	placeholder="请输入内容"
	@select="proIdSelect"
></el-autocomplete>

data() {
	return {
		 restaurants: [],
	}
}

// 1. 先获取数据
getProductList() {
  listProduct(this.productParams).then(response => {
    let restaurants = response.rows
    restaurants.map((item, index) => {
      this.restaurants.push({ // 只展示这个数组里的value值，受理商标等
        value: item.proName,
        price: item.price
      })
    })
  })
},

// 2. 模糊搜索，输入值与获取到的数据进行比较
proIdSearch(queryString, cb) {
  var restaurants = this.restaurants
  var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants
  cb(results);
},
createFilter(queryString) {
  return (state) => {
    return (state.value.indexOf(queryString) === 0)
  }
},

// 3. 选中值后，需要做的处理
proIdSelect(item) {
  this.quotationDetails.filter(value => {
    if (value.proId && value.proId === item.value) {
      value.price = item.price
    }
  })
},