当前位置: 首页 > news >正文

【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(补救方案)

http://www.dtcms.com/a/326322.html

相关文章:

  • 18.5 BERT评估指标终极指南:HuggingFace实战提升文本分类效果
  • office卸载不干净?Office356卸载不干净,office强力卸载软件下载
  • 爬虫与数据分析结合案例学习总结
  • Note4:Self-Attention
  • AI Agent平台大PK:Dify与开源Coze的差异化对比分析
  • 机器学习-决策树(DecisionTree)
  • Hot100合集
  • 金蝶云星空 × SRM 深度集成实战(附完整接口清单)
  • 关于线性DP模板
  • 《汇编语言:基于X86处理器》第13章 高级语言接口(1)
  • [Ubuntu] xrdp共享连接 Ubuntu 屏幕 | xfce4
  • 建筑兔零基础python自学记录119|数据处理(4)-23
  • 需求列表如何做层级结构
  • Redis类型之Hash
  • 重学前端009 --- 响应式网页设计 CSS 伪选择器
  • 订单簿价格冲击模型与机器学习在大单策略中的融合
  • 元数据管理与数据治理平台:Apache Atlas 基本搜索 Basic Search
  • Apache Ignite分片线程池:高并发保序新方案
  • MCU 软件断点注意事项!!!
  • 【数据结构入门】树
  • 基于Go-Zero框架实现的小demo
  • 爬虫和数据分析相结合案例
  • 软件开发:一场精密的生命构建
  • 疯狂星期四文案网第36天运营日记
  • jsdiff + diff2html【jQuery】实现文件对比功能
  • Linux DNS服务解析原理与搭建
  • ResponseBodyAdvice是什么?
  • 基于动态顺序表实现【通讯录系统】:有文件操作部分哦!
  • Oracle主从incarnation不一致问题解决
  • ComfyUI安装