点击按钮
![5***@qq.com](https://img-cdn-tc.dcloud.net.cn/account/identicon/d5a27b1062111effacfe2afacdb980a3.png)
- 发布:2021-10-14 10:10
- 更新:2023-05-09 18:21
- 阅读:1353
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 10
HBuilderX类型: 正式
HBuilderX版本号: 3.2.9
浏览器平台: Chrome
浏览器版本: 94.0.4606.81
项目创建方式: HBuilderX
操作步骤:
预期结果:
picker-view 正确显示应该是 3 4
picker-view 正确显示应该是 3 4
实际结果:
vue2下正常,vue3下只有第一列显示3,第二列没反应
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>
5 个回复
5***@qq.com (作者)
顶一下
DCloud_UNI_Anne
问题已记录,后续优化,已加分,感谢您的反馈!
DCloud_UNI_GSQ
HBuilderX 3.2.13+ 已修复
空晓天
现在 vue3 又不行了
2022-07-08 14:22
DCloud_UNI_GSQ
回复 2***@qq.com: H5还是App?
2022-07-20 14:59
izhangshumeng
HBuilderX版本号: 4.29,vue3
value为[0,0]时,选择的却是[1,1]
2024-11-20 10:59
6***@qq.com
23年了 还是不行
l***@163.com
value赋值无效解决了吗
2023-05-09 17:51
l***@163.com
试试这个方法https://ask.dcloud.net.cn/question/75054