vant-ui禁止input显示历史数据

131 阅读1分钟

html的input框获取光标(focus)后,会提示原来输入过的内容,还会出现下拉的历史记录如图所示:

image.png

很多时候项目中并不需要这个,复杂的交互可能会出现其他问题,为了禁止这种情况,可以在input中加入 :autocomplete="off"

//普通的input禁止历史数据
<input type="text"  autocomplete="off" />

//vant-ui的input禁止历史数据
<van-field  autocomplete="off" v-model="totalDeductions" label="成本、费用及损失" type="number" />