【van-field 会记录上次选择并以悬浮弹窗再次展示】
van-field 会记录上次选择并以悬浮弹窗再次展示
第一次选择综合意见(同意、有条件同意、不同意),下一次打开弹窗(可能是其他弹窗),点击‘是否自己办理’,出现了之前选中的内容;现象如下:
此问题其实并非 van-field 自身的“记忆”功能,而是浏览器或系统自带的**自动填充(autofill)**行为在移动端的表现形式——iOS/Android 会把曾经输入或选择过的内容以「悬浮窗 / 键盘上方条」的形式再次提示
解决方案:
方案一:
van-field 添加 autocomplete=“off”
<van-fieldv-model="state.value"readonlyclickablename="myField"autocomplete="off"@click="showPicker = true"
/>
方案二:
彻底让系统“看不见”输入框
如果仍然无效,可以把 van-field 设置成 type=“button”(vant 2.12+/3/4 支持),这样就不会被系统当成输入框:
<van-fieldv-model="state.label"type="button"readonlyclickable@click="showPicker = true"
/>
方案三:
强制重置 key(补救方案)