<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选择器没有取消/确认按钮和标题解决方法!
基础教程推荐
猜你喜欢
- 从URL中提取参数与将对象转换为URL查询参数的实现代码 2024-02-10
- js CSS3实现卡牌旋转切换效果 2024-03-11
- vue 动态路由component 传递变量报错问题解决 2023-07-09
- blob转换成string格式同步调用问题解决分析 2024-02-10
- CSS图片翻转菜单 2022-10-16
- Layui数据表格动态加载操作按钮 2022-12-14
- 用js+cookie记录滚动条位置 2024-04-15
- js取消单选按钮选中示例代码 2023-12-02
- v-for循环绑定el-color-picker颜色选择器绑定value/v-model值 2024-12-09
- 探讨vertical-align应用 2022-10-16