如何使用Vant picker实现多级联动功能?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1186个文字,预计阅读时间需要5分钟。
官方网址:[链接]+[官网文档]。虽然官网文档可能不是非常完善,但仔细阅读后,可以了解到方法、类型等详细信息。此外,也未能找到度娘,花费了大半天时间在爬坑试错。在配置弹出层时,使用了van-field组件,设置了readonly、clickable属性,并添加了placeholder为选择城市。
官网地址:链接
官网文档可能不是很完善,但仔细看文档,方法,类型其实都讲到的。
度娘也没有找到,花了大半天爬坑试错。
搭配弹出层使用
<van-field readonly clickable placeholder="选择城市" :value="station" @click="showPicker = true" /> <van-popup v-model="showPicker" position="bottom"> <van-picker show-toolbar :columns="columns" @cancel="showPicker = false" @confirm="onConfirm" @change="onChange" /> </van-popup>
const citys = [ // 我们习惯的格式。 可以后台给你出,如果你打不过的话,你就。。。
本文共计1186个文字,预计阅读时间需要5分钟。
官方网址:[链接]+[官网文档]。虽然官网文档可能不是非常完善,但仔细阅读后,可以了解到方法、类型等详细信息。此外,也未能找到度娘,花费了大半天时间在爬坑试错。在配置弹出层时,使用了van-field组件,设置了readonly、clickable属性,并添加了placeholder为选择城市。
官网地址:链接
官网文档可能不是很完善,但仔细看文档,方法,类型其实都讲到的。
度娘也没有找到,花了大半天爬坑试错。
搭配弹出层使用
<van-field readonly clickable placeholder="选择城市" :value="station" @click="showPicker = true" /> <van-popup v-model="showPicker" position="bottom"> <van-picker show-toolbar :columns="columns" @cancel="showPicker = false" @confirm="onConfirm" @change="onChange" /> </van-popup>
const citys = [ // 我们习惯的格式。 可以后台给你出,如果你打不过的话,你就。。。

