<van-field is-link readonly v-model="value" placeholder="请选择类型" @click="showPicker = true" /> <van-popup v-model="showPicker" round position="bottom"> <van-picker :columns="columns" v-model="type" @cancel="showPicker = false" @change="onChange" @confirm="onConfirm" /> </van-popup>
用上面代码执行发现选择器没有取消、确认按钮、标题都没有,头部一片空白,看了文档之后才发现vant
默认把它隐藏了!
解决方法:在van-picker
里新增show-toolbar
(是否显示顶部栏)代码!
van-collapse-item折叠面板判断,有内容显示箭头可点击
标签: van-field, van-picker, Vant, 选择器
上面是“van-picker选择器没有取消/确认按钮和标题解决方法!”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_3976.html
workflows工作流
一棵树从鸟笼里长出来的梦幻般场景
一座巨大的野兽派建筑漂浮在热带风景中的贫民
一座生动的点彩主义灯塔ComfyUI工作流
一个时间旅行女人的神秘剪影ComfyUI工作流
坐落在白雪覆盖的广阔平原上2只可爱的雪豹
一个全脸彩绘和纹身的超级名模ComfyUI工作流
五彩斑斓的蛇状飞鸟
一个孤独的身影在未来主义城市
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!