vue3 vant buttom 绑定点击事件
时间: 2023-06-07 18:10:52 浏览: 713
解决vue 绑定对象内点击事件失效问题
5星 · 资源好评率100%
好的,关于你的问题,绑定点击事件可以使用 v-on 或 @ 符号。示例代码如下:
```
<template>
<van-button @click="handleClick">Click me!</van-button>
</template>
<script>
import { defineComponent } from 'vue';
import { Button } from 'vant';
export default defineComponent({
components: {
[Button.name]: Button,
},
methods: {
handleClick() {
console.log('Button clicked!');
},
},
});
</script>
```
在模板中,我们使用 vant 的 Button 组件,并使用 @click 绑定了 handleClick 方法。在脚本中,我们需要首先导入 Button 组件并注册为本地组件,然后定义 handleClick 方法来处理按钮点击事件。当用户点击按钮时,会触发 handleClick 方法,从而打印出一条提示信息。
希望这个答案能够解决你的问题!
阅读全文