vue-simple-suggest 设置点击事件
时间: 2023-08-13 12:08:33 浏览: 212
要设置 Vue-simple-suggest 组件的点击事件,您可以使用该组件提供的 `onSelect` 属性。该属性接受一个函数作为参数,该函数会在用户选择一个搜索建议时被调用。您可以在该函数中实现您需要的点击事件逻辑,比如跳转到对应的页面或者执行某个操作等。下面是一个示例代码:
```vue
<template>
<div>
<vue-simple-suggest :suggestions="suggestions" :onSelect="handleSelect" />
</div>
</template>
<script>
export default {
data() {
return {
suggestions: ['apple', 'banana', 'cherry']
}
},
methods: {
handleSelect(value) {
console.log('selected value:', value)
// 在这里实现您需要的点击事件逻辑
}
}
}
</script>
```
在上面的代码中,我们将 `suggestions` 数组作为搜索建议传递给了 Vue-simple-suggest 组件,并将 `handleSelect` 函数作为 `onSelect` 属性传递给了组件。当用户选择一个搜索建议时,`handleSelect` 函数会被调用,同时会将用户选择的建议的值作为参数传递给该函数,您可以在该函数中实现您需要的点击事件逻辑。
阅读全文