@click 应该在哪里绑定
来源：1-3 Vue项目详情页 - 公用图片画廊组件拆分（2）
qq_宝慕林0111505
2021-02-15 20:24:27
<template>
<div class="container">
<div class="wrapper">
<swiper :options="swiperOptions" @click="handleGalleryClick">
<swiper-slide v-for="(item, index) in imgs" :key="index"><img class="swiper-img gallery-img" :src="item" ></swiper-slide>
<div class="swiper-pagination" slot="pagination"></div>
</swiper>
</div>
</div>
</template>
为什么将@click绑定到swiper元素上点击就没有效果了，必须要绑定到.container上才能执行吗
写回答
1回答
-
同学你好，swiper是组件，里面有它自己的封装，所以一般不会将事件绑定到swiper组件上。
可以将点击事件绑定到container上，也可以绑定到图片img上，如下
不过这样点击图片才会关闭，点击上下空白处不会关闭
自己可以试试，祝学习愉快！
0
相似问题