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

作者: adm 分类: 前端 发布时间: 2021-11-23 13:48

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>

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!