<van-field
readonly
clickable
label="城市"
:value="value"
placeholder="选择城市"
@click="showPicker = true"
/>
<van-popup v-model="showPicker" round position="bottom">
<van-picker
show-toolbar
:columns="columns"
value-key="name"
@cancel="showPicker = false"
@confirm="onConfirm"
/>
</van-popup>
<!--
重点:自定义value-key属性:默认值是text
value-key这个属性是自定义后台返回字段作为选择器显示的内容,这样后台返回的字段位未name时,也可以显示了。
否则默认的原始对象默认是[{text:'选项一',value:'1'},{text:'选项二',value:'2'}]
-->
Vant_Picker_选择器(搭配弹出层使用)
于 2022-01-17 10:51:21 首次发布