5***@qq.com
5***@qq.com
  • 发布:2021-10-14 10:10
  • 更新:2021-11-15 12:19
  • 阅读:435

【报Bug】vue3 下 picker-view 赋值value不能正确显示!!!!

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 10

HBuilderX类型: 正式

HBuilderX版本号: 3.2.9

浏览器平台: Chrome

浏览器版本: 94.0.4606.81

项目创建方式: HBuilderX

操作步骤:

点击按钮

预期结果:

picker-view 正确显示应该是 3 4

实际结果:

vue2下正常,vue3下只有第一列显示3,第二列没反应

bug描述:

vue2下点击按钮,设置picker-view的value可以正常显示,vue3下赋值value不能正确显示?

<template>  
    <view>  
        <button @click="changeIndexs" size="mini">now</button>  
        <picker-view class="picker-view" :value="indexs" @change="handleChange">  
            <picker-view-column>  
                <view class="item" v-for="(item, index) in 20" :key="index">{{ item }}</view>  
            </picker-view-column>  
            <picker-view-column>  
                <view class="item" v-for="(item, index) in 20" :key="index">{{ item }}</view>  
            </picker-view-column>  
        </picker-view>  
    </view>  
</template>  

<script>  
export default {  
    data() {  
        return {  
            indexs: []  
        };  
    },  
    methods: {  
        changeIndexs() {  
            this.indexs = [2, 3];  
            this.log(this.indexs);  
        }  
    }  
};  
</script>  

<style lang="scss">  
.picker-view {  
    width: 750rpx;  
    height: 600rpx;  
    // margin-top: 20rpx;  
}  
.item {  
    height: 34px;  
    align-items: center;  
    justify-content: center;  
    text-align: center;  
}  
</style>  
2021-10-14 10:10 负责人:无 分享
已邀请:
5***@qq.com

5***@qq.com (作者)

顶一下

DCloud_UNI_Anne

DCloud_UNI_Anne

问题已记录,后续优化,已加分,感谢您的反馈!

DCloud_UNI_GSQ

DCloud_UNI_GSQ

HBuilderX 3.2.13+ 已修复

要回复问题请先登录注册