VUE 给自定义的组件绑定点击事件

最新推荐文章于 2024-05-29 00:13:10 发布

今天代码敲了吗

最新推荐文章于 2024-05-29 00:13:10 发布

阅读量1.1w

点赞数 8

分类专栏： Vue 文章标签： vue js

本文链接：https://blog.csdn.net/z772330927/article/details/106349645

版权

29 篇文章 2 订阅

订阅专栏

在做项目中我们往往会封装许多的组件，来减少代码的重复性，提高代码的可利用性，有时候也会给组件绑定事件，但是经常会失效。

先给cardinfo这个组件绑定一个点击事件

     <cardinfo
        :content="content"
        :from="from"
        :ProPortrait="ProPortrait"
      />

一般都是这样给点击事件，可是有时候这个事件是没用的，因为这个事件是引用组件页面的事件，而不是组件本身的事件，所以组件内不能识别这个事件的来源。

     <cardinfo
       @click="goodclick"
        :content="content"
        :from="from"
        :ProPortrait="ProPortrait"
      />

在@click后面加native表示的是当前页面的事件

  <cardinfo
        @click.native="goodclick"
        :content="content"
        :from="from"
        :ProPortrait="ProPortrait"
      />

关注