vue怎么绑定事件页面打开就触发
时间: 2023-10-18 12:22:21 浏览: 134
vue中v-for通过动态绑定class实现触发效果
在Vue中,可以使用`created`钩子函数来在页面加载后立即触发一个事件。`created`是Vue实例的一个生命周期钩子函数,它会在Vue实例被创建之后立即执行,可以在这个钩子函数中执行一些初始化的工作。
下面是一个例子,展示如何在页面加载后立即执行一个事件:
```html
<template>
<div>
<!-- 页面加载后立即触发click事件 -->
<button @click="handleClick">点击我</button>
</div>
</template>
<script>
export default {
created() {
// 在页面加载后立即触发click事件
this.handleClick()
},
methods: {
handleClick() {
console.log('点击了按钮')
}
}
}
</script>
```
在上面的例子中,我们在`created`钩子函数中调用了`handleClick`方法,这样当页面加载完成后,会立即执行`handleClick`方法并输出一条消息到控制台。同时,我们也在模板中定义了一个按钮,并绑定了`click`事件,这样当用户点击按钮时也会触发`handleClick`方法。
阅读全文