<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.nextTick函数在异步更新中的应用 2025-01-11
- vue-router 2.0 跳转之router.push()用法说明 2024-01-06
- JavaScript使用cookie实现记住账号密码功能 2024-01-30
- ie6下position:absolute不显示问题解决方法 2024-01-24
- javascript下使用Promise封装FileReader 2023-12-01
- Vue Router中Matcher的初始化流程 2024-01-07
- Bootstrap每天必学之附加导航(Affix)插件 2023-12-30
- Flutter web bridge 通信总结分析详解 2024-01-07
- ajax实现服务器与浏览器长连接的功能 2022-12-18
- JavaScript+css+HTML实现移动端轮播图(含源码) 2024-02-04