w***@126.com
w***@126.com
  • 发布:2024-03-23 10:09
  • 更新:2024-03-23 21:28
  • 阅读:183

nvue开发安卓用swiper做上下滑动视频有好的方法实现第一个视频下拉刷新吗

分类:nvue

用原生的组件enablePullDownRefresh:true下拉刷新的情况下第一个视频没问题,第二个视频下拉也会触发下拉刷新,使用https://ask.dcloud.net.cn/article/35134页面的方法动态关闭有问题,每关闭开启一次都会导致下拉效果的位置往上移动,第三次开关就直接看不到下拉效果了,仅剩有事件还有效果,用户完全看不到下拉效果,虽然勉强可以用,但是体验感太差,
用refresh组件吧,没有文档,下拉刷新状态出现了都不知道怎么关闭下拉效果,回弹不回去,请问有比较好的解决方案吗?

2024-03-23 10:09 负责人:无 分享
已邀请:
喜欢技术的前端

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

refresh display="hide" 就弹回去了

<template>  
    <view>  
        <list style="height: 600rpx;">  
            <refresh :display="show" @pullingdown="downLoad" @refresh="onrefresh">下拉展示的内容</refresh>  
            <cell v-for="(item,index) in 50" :key="index" class="cell">  
                <view class="">  
                    {{item}}  
                </view>  
            </cell>  
        </list>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                list:50,  
                show:'hide'  
            }  
        },  
        methods: {  
            onrefresh(){  
                console.log("被下拉完成时触发")  
            },  
            downLoad() {  
                console.log("被下拉时触发")  
                this.show = "show"  
                setTimeout(() => {  
                    this.show = "hide"  
                }, 3000)  
            },  
        }  
    }  
</script>  
<style>  
    .cell{  
        padding: 30rpx ;  
        border-bottom: 1px solid #999;  
    }  
</style>

要回复问题请先登录注册