vue关于ant design中input数据自动填充，不用输入问题

项目开发是用的vue+ant-design-vue 最近收到一个新的搜索需求，需要对目录树进行搜索，并将搜索到的值进行高亮与展开显示。 废话不多说直接上代码，以下代码只是一个简单的demo。 <template> <div> <a-input-search v-model="searchStr" placeholder="输入搜选项" style="wid...

问题描述 【登录】子用户登录页面自动填充位置错误，本来主账号的账号密码，等切换到子账号登录页的时候，自动填充到了子账号的位置。 解决方案 <input auto-complete="new-password" autocomplete="new-password" v-model="childUserName" placeholder="IAM用户名" @focus="clearErrorInfo('childUserName')

通过 autoComplete="new-user" autoComplete="new-password" 取消自动填充。浏览器应该是再 有text和password类型时会自动填充密码。在密码值改变再设置密码框type类型来防止360浏览器自动填充。

标签的密码输入框自动填充问题，你可以采取多种方法，但需要注意的是，由于浏览器的实现差异，这些方法可能并不总是有效。以下是一些常见的策略：然而，一些现代浏览器可能会忽略这个属性，特别是当它们认为用户安全受到威胁时（例如，在登录表单中）。请记住，没有一种方法可以保证在所有情况下都有效，因为浏览器的自动填充行为是由它们的实现和用户的设置决定的。在尝试解决自动填充问题时，始终要权衡安全性和可用性。禁用自动填充可能会提高安全性（例如，防止跨站请求伪造攻击），但也可能降低用户体验（例如，需要用户手动输入更多信息）。

解决input在不同浏览器中自动填充以及填充提示的问题，以谷歌、火狐、Edge(原IE)等浏览器为例，禁止出现自动填充，提高用户隐私和网站的安全性。

//禁止粘贴 <a-input @paste.native.capture.prevent="handleOperate"></a-input> //禁止复制 <a-input @copy.native.capture.prevent="handleOperate"></a-input> //自己定义的方法名 handleOperate() { return false; }

Vue-ant-design-vue 表单项a-input、a-input-number输入时卡顿解决方案： 抽离组件封装再使用。 a-input封装：RyInput/index.vue <!-- 规格弹窗 --> <template> <div> <a-input v-bind:placeholder="placeholder" v-bind:value="RyValue" v-on:blur="changeFunc

关于ant-design-vue的table组件内嵌输入框性能问题 总所周知，ant-design-vue是唐金洲老师凭借一己之力撸出来的一套基本ant-design的vue版本UI组件库，后来才归入了ant-design官方门下。不得不说，单凭一己之力能实现这么一套框架实在令人敬仰，但随之而来的问题也就显现了。 antd官方推荐编写语言 antd的官方推荐编写语言是react，其背后有着专业的前端团队以及社区维护。而vue版本的antd，则是由个人开发，由蚂蚁金服提供技术支持的，可见其完善程度远不如rea

解决使用input 框的自动填充和浏览器缓存密码问题

这样可以解决大部分场景下对于避免回填的需要。在 autocomplete 的文档中说明了 value 为 off 时，浏览器禁止给当前字段自动的输入或者选中一个值，但下方 Note 言明: 在大多数现代浏览器中，off 值不能阻止浏览器的。当 input type 为 password 但 autocomplete 为 new-password， 即可解决浏览器自动填充问题，浏览器将当前输入框识别为新密码，便不会自动填充。这样设置 可以保证用户在点击密码框之前，避免浏览器识别为登录表单、自动填充。

input同时有多个。

项目中经常性的遇到当表单 form 里面有这种input框`type=‘password’`的时候，浏览器会`自动填充`input，很明显，这也太丑了！！！

开发时遇到的 bug，记住密码后在填充用户名和密码时，密码框填充正常，原本用户名的 input框未正常填充，反而填充到了关键词的 input框。百度后找到解决方案，在此记录。1.在原 input框后新增一个 password属性的 input框，并添加 autocomplete="new-password"属性；注：直接给原input框加 autocomplete="off " 属性没有作用。2.原 input框添加 autocomplete="off " 属性。前提：元素绑定方法和双向绑定数据均无问题。

我们在需要填写账号密码的地方使用表单input时，常常会出现表单的自动填充，将浏览器已经保存的用户名密码填充到表单中，但有时我们是不需要这个填充的，就会给input设置属性autocomplete="off"。在某些情况下设置off并没有生效，还是会触发自动填充，这时候，我们可以设置autocomplete的属性为"new-password"，就可以取消表单的自动填充。

背景：在系统登录页中，点击chrome中的默认保存会自动填充账号密码，现在想把这个默认功能去掉。。。 网上看到了：都是用autocomplete="off" autocomplete="new-password"就能使用了,我就高兴的copy，见鬼的是大家都说能用，只有我不行。。。，注意了下，文章的日期，大多是几年前的。。一个大胆的想法产生了，就是高版本浏览器无法支持autocomplete，一番查看果然有人是这么回答的， 解决方式： 先让input 为readonly,得到焦点时候再把re...

使用个别浏览器加载页面时，有些输入框会受浏览器自动记住密码影响，自动回填信息，解决：先把输入框设置为只读状态，当获取焦点时再取消这一属性。 加： readonly onfocus="this.removeAttribute('readonly');" 例如： <el-input size="mini" placeholder="" readonly onfocus="this.removeAttribute('readonly');" v-model="formPass.testUserC

【代码】前端：input 标签取消账号填充。

input浏览器自动填充解决，input填充后el-date-picker自动触发出现解决

如何禁止谷歌浏览器自动填充密码 这里以elementUI为例： 有给input加autocomplete="off"的 <el-form-item label="原密码：" prop="oldCode"> <el-input v-model="form.oldCode" placeholder="请输入原密码" autocomplete="off" clearable></el-input> </el-form-i