Vue中遇坑记录

最新推荐文章于 2024-06-18 10:28:00 发布

山野灬寻雾灯

最新推荐文章于 2024-06-18 10:28:00 发布

阅读量344

点赞数

分类专栏： vue踩过的坑

本文链接：https://blog.csdn.net/qq_39511525/article/details/87861572

版权

vue踩过的坑专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.对于运用插件 ‘ vue-awesome-swiper ’

使用方法可以参照：https://segmentfault.com/a/1190000014609379这篇文章讲的比较仔细

不过当使用时我给<swiper-slide>标签添加一个点击事件的时候发现不生效，之后翻找了一些解决方法只需要添加.native即可解决

不生效的代码

<swiper-slide 
   v-for="(carouse ,index) in carouselList" 
   :key="index"
    @click="GLOBAL.toDetail(carouse.linkaddress)">
    <img v-lazy="carouse.cover"/>
</swiper-slide>

解决方法后：

<swiper-slide 
    v-for="(carouse ,index) in carouselList" 
    :key="index"
    @click.native="GLOBAL.toDetail(carouse.linkaddress)">
    <img v-lazy="carouse.cover"/>
</swiper-slide>

具体的说明请参考官方文档：为组件绑定本地事件