Vant中Field 输入框之自动填充

移动端的项目中,使用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框开发的组件