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=""
。