Web前端

Vue - 事件修饰( Event modifiers )

2018-02-02  本文已影响4人  廖马儿

eg:

<button v-on:click="add(1)"></button>

添加事件修饰:

<button v-on:click.once="add(1)"></button>  # 这里只监听一次

eg:

<a v-on:click="click" href="http://google.com">click me</a>

结果是,先执行click方法,然后再跳转到这个google链接。

<a v-on:click.prevent="click" href="http://google.com">click me</a> 

这里是先执行click方法,然后后面就不执行了,不会跳转到google网页。

如果不想执行任何事情的话,也可以v-on:click.prevent=""

上一篇下一篇

猜你喜欢

热点阅读