如果我们想给元素添加一个事件就要使用到v-on,也可以简写为@:
<标签名 v-on:事件名="函数"></标签名>
或简写为
<标签名 @事件名="函数"></标签名>
比如我们想要实现点击一下元素,num就+1,就可以按照下面这么写:
但是有的时候我们还需要获得到点击对象的相关信息,就可以在编写函数时在接受参数中添加一个e来获得事件对象的相关信息:
我们通过点击按钮触发事件,就会打印该对象,注意到他有个属性 detail.value 就是当前按钮状态的值。
我们输出该值看看:
我不断点击这个按钮就出现该按钮的选中情况。