美文网首页
关于vue中@click.native(demo)

关于vue中@click.native(demo)

作者: WMLJS | 来源:发表于2017-07-14 10:12 被阅读7349次

    关于vue中@click.native

    .native - listen for a native event on the root element of component.

    作用:[给组件绑定原生事件]
    例子:如果使用router-link标签,加上@click事件,绑定的事件会无效因为:router-link的作用是单纯的路由跳转,会阻止click事件,你可以试试只用click不用native,事件是不会触发的。此时加上.native,才会触发事件。


    题外话:
    @ 这个东西实际上是 v-on 的简写,而 v-on 则是对 Vue 的事件体系封装后的 API 接口。

    Vue 的官方文档中指出了,Vue 使用的是一套自己的事件传递机制,如 @click 等事件是经过 Vue 封装的。因此,在一些实际上处理 DOM 原生事件的场合才需要添加额外的标识符。

    相关文章

      网友评论

          本文标题:关于vue中@click.native(demo)

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