<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-picker选择器没有取消/确认按钮和标题解决方法!


猜你喜欢
- 【有手就行系列】Vue快速入门案例 2023-10-08
- Typescript + Vue + Eslint使用不报错的方法总结。 2023-10-08
- Vue学习 2023-10-08
- Ajax原理与应用案例快速入门教程 2023-02-23
- ajax内部值外部调用不了的原因及解决方法 2023-01-20
- 服务器安全设置的几个注册表设置 2023-12-26
- history保存列表页ajax请求的状态使用示例详解 2024-02-13
- 切记ajax中要带上AntiForgeryToken防止CSRF攻击 2022-10-17
- 浅谈Vue2和Vue3的数据响应 2023-10-08
- 详解从Vue-router到html5的pushState 2024-02-29