<template>
<swiper
:style="{
height: windowHeight 'px',
width: windowWidth 'px'
}"
class="swiper"
:vertical="true"
@change="handleChange"
>
<swiper-item
:key="item.id"
v-for="(item, index) in videoData"
>
<view
:style="{
height: windowHeight 'px',
width: windowWidth 'px'
}"
class="video-item def_flex"
>
<video
:style="{
height: windowHeight
}"
object-fit="cover"
class="video"
:ref="'video' videoIndex"
:id="'video' videoIndex"
:controls="false"
:show-play-btn="false"
:show-fullscreen-btn="false"
:src="videoUrl"
:vslide-gesture-in-fullscreen="false"
:enable-play-gesture="false"
:enable-progress-gesture="false"
@pause="handlePause"
@ended="handleEnded"
>
<cover-view
:style="{
height: windowHeight 'px',
width: windowWidth 'px'
}"
>
<view
class="video-play"
:style="{
height: windowHeight 'px',
width: windowWidth 'px'
}"
@click="handleVideoClick" // swiper滑动,很容易触发这个方法
></view>
</cover-view>
</video>
</view>
</swiper-item>
</swiper>
</template>
nvue页面,想做一个app,实现类似抖音的效果,,真机调试的时候滑动swiper,很容易触发handleVideoClick,大佬们有什么解决办法吗
1 个回复
_孙大圣_ - 只想用nvue
在滑动的时候,给个标识,在滑动未结束时,或者滑动结束多少毫秒后才能点击