移动端的项目中,使用vant输入框的时候发现了一个问题,如图
image.png
- 明明只是一个输入框的代码却变成了下拉选择的样式，代码如下
<van-field
:required="form_name === '发货'"
:rules="[{ required: form_name === '发货',}]"
v-model="data_dict.consignee_name"
type="text"
name="收货人姓名"
label="收货人姓名："
placeholder="请输入收货人姓名"
/>
解决办法
- 因vant的van-field组件默认开启自动保留功能
- 故加上 autocomplete="off"，禁用input输入框自动保留的功能，使用于所有基于input框开发的组件
