问题描述
项目用了vant选择器,代码怎么看都觉得没有问题,就死活不出确认取消按钮和标题,找bug找到崩溃,还把vant重新引入了一遍,仍然是没用。
代码如下:
<van-field v-model="formData.materialNo" readonly clickable name="picker" label="物料号"
placeholder="点击选择物料号" @click="materialNoshowPicker = true">
</van-field>
<!-- 选择物料号的弹出层 -->
<van-popup v-model:show="materialNoshowPicker" position="bottom" round>
<van-picker :columns="materialNos" @confirm="onChooseMatrerialNo"
@cancel="onCancelChooseMatrerialNo" title="选择物料号">
</van-picker>
</van-popup>
看了官方文档的参数属性,是否显示标题栏的默认值是true。
直到某个瞬间福灵心至,看了一眼文档的版本,是V3.0的,而我的项目是V2.0
赶快滚到V2.0底下翻文档,看到了这么一行:
解决方法!
在van-picker标签中加入 show-toolbar!!!
完成: