是
PopupPicker
PopupPicker页面demo中有columns,组件描述中没有。使用了demo中的代码,选项渲染失败
iklwldmw1#
1.继承 picker 选项,在 picker 组件中查看。2.帖代码及说明所谓的“渲染失败”
xfb7svmp2#
html:<popup-picker popup-title="请选择" title="手机" columns="2" :data="list" v-model="value"></popup-picker>
<popup-picker popup-title="请选择" title="手机" columns="2" :data="list" v-model="value"></popup-picker>
js:value: ['iPhone','不告诉你'], list: [['小米', 'iPhone', '华为', '情怀', '三星', '其他', '不告诉你'], ['小米1', 'iPhone2', '华为3', '情怀4', '三星5', '其他6', '不告诉你7']],
value: ['iPhone','不告诉你'], list: [['小米', 'iPhone', '华为', '情怀', '三星', '其他', '不告诉你'], ['小米1', 'iPhone2', '华为3', '情怀4', '三星5', '其他6', '不告诉你7']],
说明所谓的“渲染失败”:渲染了多列数据(占据屏幕100%宽),‘小’为每一列的第一项,‘小米’为每一列的第二项
8fq7wneg3#
columns 指定联动时的列数,你这里非联动,不需要指定。demo 也没有你上面帖的非联动数据但指定了 columns
3条答案
按热度按时间iklwldmw1#
1.继承 picker 选项,在 picker 组件中查看。
2.帖代码及说明所谓的“渲染失败”
xfb7svmp2#
html:
<popup-picker popup-title="请选择" title="手机" columns="2" :data="list" v-model="value"></popup-picker>
js:
value: ['iPhone','不告诉你'], list: [['小米', 'iPhone', '华为', '情怀', '三星', '其他', '不告诉你'], ['小米1', 'iPhone2', '华为3', '情怀4', '三星5', '其他6', '不告诉你7']],
说明所谓的“渲染失败”:渲染了多列数据(占据屏幕100%宽),‘小’为每一列的第一项,‘小米’为每一列的第二项
8fq7wneg3#
columns 指定联动时的列数,你这里非联动,不需要指定。demo 也没有你上面帖的非联动数据但指定了 columns