美文网首页Web前端
Vue - 事件修饰( Event modifiers )

Vue - 事件修饰( Event modifiers )

作者: 廖马儿 | 来源:发表于2018-02-02 18:04 被阅读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=""

    相关文章

      网友评论

        本文标题:Vue - 事件修饰( Event modifiers )

        本文链接:https://www.haomeiwen.com/subject/sgbezxtx.html