<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选择器没有取消/确认按钮和标题解决方法!
基础教程推荐
猜你喜欢
- 一个css动画loading收藏 2022-10-30
- CSS动态渐变色边框围绕内容区域旋转的效果(实例代码) 2024-02-07
- 用js读、写、删除Cookie代码分享及详细注释说明 2024-01-12
- Vue---一条命令自动生成模板 2023-10-08
- 解析原生JS getComputedStyle 2022-11-23
- javascript 防止刷新,后退,关闭 2023-11-30
- JS中ESModule和commonjs介绍及使用区别 2022-08-30
- el-table(Sortable)简单实现拖动排序(亲测有效) 2024-12-08
- npm安装报错:提示源文本中存在无法识别的标记 2024-12-08
- AngularJS通过$location获取及改变当前页面的URL 2023-12-27
