element UI 自定义传参的解决方法

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

这里的handleSelect默认绑定的参数是选中的那条数据。
 

但是如果一个页面有好几个相同的组件，要想知道选中的是第几个。

@select="handleSelect(item, index)"  // 这样肯定不行的

解决方法：

<el-autocomplete
  v-model="state4"
  :fetch-suggestions="querySearchAsync"
  placeholder="请输入内容"
  @select="(item) => {handleSelect(item, index)}" // 写个闭包就可以了，index表示第几个组件
></el-autocomplete>