<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工作流
- 3D几何打印人体模型ComfyUI工作流
- 一座巨大的野兽派建筑漂浮在热带风景中的贫民
- 树枝上一只色彩斑斓的小鸟
- 文生图工作流:图片合并comfyui工作流
- 蘑菇屋,梦幻家园comfyui工作流
- 一套可爱的动漫生物蓬松贴纸图标
- 一只由水晶制成的蜂鸟
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!