vue.js怎样给元素绑定事件

时间:2024-10-12 14:41:13

1、如图所示,比如说如果想要在vue实例的根元素绑定一个点击事件应该怎么做才对呢?

vue.js怎样给元素绑定事件

2、这时候便可以用到v-on指令来绑定事件了噢。冒号后面的click所代表的便是点击事件了噢。

vue.js怎样给元素绑定事件

3、然后便是绑定事件之后所要触发的vue方法即可噢。

vue.js怎样给元素绑定事件

4、然后在vue实例里面写上一个methods(名字不可变)参数即可。method衡痕贤伎s参数里面便可以自定义方法。

vue.js怎样给元素绑定事件

5、比如我刚才是绑定了自定义的bdjy方法,所以便在这里写上方法里面要实现的效果即可噢。

vue.js怎样给元素绑定事件

6、然后保存便可以看到vue指令绑定事件的效果了。

vue.js怎样给元素绑定事件

7、当然在methods里面可以有多种形式的函数写法噢。

vue.js怎样给元素绑定事件
vue.js怎样给元素绑定事件
© 手抄报圈