Vue 自定义组件@click 无效解决方法

Posted 2021-06-07 JIZQAQ

 父组件中我写了一段这个，大概就是封装了一个小卡片，外面用了个list

<div v-for="item in likeList.list" :key="item.likeId">
        <me-like-item :item="item" :current="currentItem" @click="clickCurrent(item)"></me-like-item>
</div>

业务需要呢，我每次点击一个卡片的时候，卡片背景颜色和字体什么的都发生改变，于是我用了个current字段把每次选中的那一条传进子组件中。在子组件里判断是否我选中的那条，发生变化。

但是问题是，我用了@click并没有发生我想要的结构，而且@click的函数压根没有被调用到。

解决办法：将@click变成@click.native，给自定义组价添加原生事件后达到想要的效果。