1.直接在template中写:
<picker-view :value="value" indicator-class="picker-box" @change="bindChange" class="picker-view">
<picker-view-column>
<view class="item" v-for="(item,index) in moreList" :key="index">{{item}}</view>
</picker-view-column>
</picker-view>
2.数据:
data() {
return {
moreList: ['选项一', '选项二', '选项三'],
value: [1],
};
}
3.方法:
methods: {
bindChange(e) {
this.value = e.detail.value
}
}
4.样式(很重要,如果不写,可能会显示不出):
.picker-view {
height: 200rpx;
}
.item {
height: 98rpx!important;
text-align: center;
font-size: 32rpx;
line-height: 98rpx;
color: #333;
}
.picker-box {
height: 98rpx!important;
}