2***@qq.com
2***@qq.com
  • 发布:2024-01-16 16:37
  • 更新:2024-01-16 17:21
  • 阅读:148

nvue页面下 swiper内嵌video自定义组件无法监听onchange,还会报意义不明的错误

分类:uni-app

video中cover-view显隐无效

2024-01-16 16:37 负责人:无 分享
已邀请:
喜欢技术的前端

喜欢技术的前端 - QQ---445849201

nvue 页面 swiper @change 回调正常打印,可以给个复现的例子

<template>  
    <view class="page-body">  
        <swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration" @change="onchange">  
            <swiper-item>  
                <video class="uni-video" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4" controls></video>  
            </swiper-item>  
            <swiper-item>  
                <video class="uni-video"  src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4" controls></video>  
            </swiper-item>  
            <swiper-item>  
                <video class="uni-video"  src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4" controls></video>  
            </swiper-item>  
        </swiper>  
    </view>  
</template>  

<script>  
    export default {  
        data(){  
            return {  
                indicatorDots: true,  
                autoplay: false,  
                interval: 2000,  
                duration: 500  
            }  
        },  
        methods:{  
            onchange(e){  
                console.log(e)  
            },  
        }  
    };  
</script>  

<style>  
    .swiper{  
        height: 220px;  
    }  
    .uni-video{  
    }  
</style>

要回复问题请先登录注册