el-autocomplete select传参
时间: 2023-08-15 08:12:56 浏览: 56
el-autocomplete组件的select事件可以通过回调函数获取所选项的值,然后可以将该值传递给其他组件或进行其他操作。以下是一个示例:
```vue
<template>
<div>
<el-autocomplete
v-model="selectedItem"
:fetch-suggestions="querySearch"
@select="handleSelect"
></el-autocomplete>
</div>
</template>
<script>
export default {
data() {
return {
selectedItem: '', // 选择的项
};
},
methods: {
querySearch(queryString, cb) {
// 根据输入的queryString进行搜索,获取建议项列表
// 使用cb回调函数返回建议项列表
},
handleSelect(item) {
// 处理选择项的回调函数
// item即为所选项的值
// 可以将item传递给其他组件或进行其他操作
},
},
};
</script>
```
在上述代码中,el-autocomplete组件的select事件触发时,会调用handleSelect方法,并将所选项的值作为参数传递给handleSelect方法。在handleSelect方法中,可以将该值赋给data中定义的变量selectedItem,然后可以在其他地方使用该值。