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

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

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

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

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

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

解决方法：

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

原文：https://blog.csdn.net/userkang/article/details/80481238