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>