美文网首页
小程序:picker-view选择器快速滚动,确认时,“值显示错

小程序:picker-view选择器快速滚动,确认时,“值显示错

作者: hao_developer | 来源:发表于2024-09-17 17:17 被阅读0次

    滑动到某一个角色,点击确定,页面的数据没有更新,停留在之前的一个选项。

    image.png
    找到原因:

    picker内容还在滚动时或滚动回弹动画还未结束时,
    点击确定,关闭弹出的picker,数据无法及时更新,需等待一下,或手动触停滚动再点确定。
    解决问题:

    bindpickstart bindpickend

    <picker-view :indicator-style="itemHeight" bindpickstart="pickstart" bindpickend ="pickend" :value="pickVal" bindchange="bindChange">
        <picker-view-column>
            <view class="w-picker-item" v-for="(item,index) in data" :key="index">{{item.label}}</view>
        </picker-view-column>
    </picker-view>
    
    // 定义标记变量 isMoving 
    pickstart() {
        this.isMoving = true;
    },
    pickend() {
        this.isMoving = false;
    },
    pickerConfirm(e){
        if (this.isMoving) {
            console.log('运动中,不能点击哦')
            return;
        }
    }
    

    相关文章

      网友评论

          本文标题:小程序:picker-view选择器快速滚动,确认时,“值显示错

          本文链接:https://www.haomeiwen.com/subject/mzvgljtx.html