Vue 多选自动完成问题

Question

我一直在使用[vue-multiselect]

[1]: https://www.npmjs.com/package/vue-multiselect。在一个表单中，我有多个 multiselect 下拉菜单。主要问题是浏览器的自动完成行为。我要么想关闭它，要么希望它按预期工作。我试图通过

禁用自动完成

  autocomplete="off"
 // autocomplete="nope"
//autocomplete="random-text"

但其中 none 正在运行。或者，如果我们保持自动完成行为，那么在 multiselect 输入的自动建议的 select 上，除了其他 multiselect 输入之外，其他输入会由浏览器自动填充。当来自第一个 multiselect 的任何自动建议被 selected 时，其他 multiselect 不允许自动填充浏览器给出的其他 multiselect 中的值。例如，我有三个 multiselects ：州、区、市在 selection of State 上，我从浏览器获得自动建议。将鼠标悬停在其中一个上时，我会在我之前填写的 District 和 City 中获得 District 和 City 自动填充。但是当我 select 来自州的自动建议值（当然是由浏览器而不是我给出的）时，我从州、地区和城市得到的所有值都是空白的，这对用户不利。请提出一些技术或解决方法，以便我可以禁用浏览器的自动完成行为，或者可以在所有三个 multiselect 下拉列表中自动 select。

Answer 1

在HTML代码

onFocus={handleFocus}

在脚本文件中

handleFocus = e => { e.target.setAttribute("autocomplete", "nope"); };

Vue 多选自动完成问题

Vue Multiselect autocomplete issue

javascript

autocomplete

multi-select

vue.js

vue-multiselect