无
3***@qq.com
- 发布：2020-12-10 13:35
- 更新：2020-12-10 13:35
- 阅读：658
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 10.15.7
HBuilderX类型： 正式
HBuilderX版本号： 2.9.8
手机系统： Android
手机系统版本号： Android 9.0
手机厂商： 三星
手机机型： s8+
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
数据在选择器中间
数据在选择器中间
实际结果：
数据不在选择器中间
数据不在选择器中间
bug描述：
如题
代码如下：
<template>
<view>
<picker-view class="picker-wrapper"
indicator-style="width:690rpx;margin-left:30rpx;height: 88rpx;borderColor: #6138CB;"
:value="val"
@change="$emit('change', $event)">
<picker-view-column>
<view class="picker-content" v-for="(item,index) in arr" :key="index">
<text class="picker-text">{{item.label}}</text>
</view>
</picker-view-column>
</picker-view>
</view>
</template>
<script>
export default {
props:{
list: {
type: Array,
default() {
return []
}
},
value: [String, Number]
},
data() {
return {
arr: [],
val: '',
}
},
created() {
this.arr = this.list
this.val = this.value
console.log(this.value);
}
}
</script>
<style scoped lang="scss">
.picker-wrapper {
width: 750rpx;
height: 400rpx;
flex-direction: column;
}
.picker-content{
width: 750rpx;
height: 88rpx;
}
.picker-text{
font-size: 30rpx;
color: #6138CB;
text-align: center;
line-height: 88rpx;
}
</style>
0 个回复