Vue多选自动完成问题

Question

我一直在使用vue-multiselect

1：https://www.npmjs.com/package/vue-multiselect。在一个表单中，我有多个多选下拉菜单。主要的问题是浏览器的自动补全行为。我要么想关闭它，要么想让它像预期的那样工作。我尝试通过以下方式禁用自动编译

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

但它们都不起作用。或者，如果我们在选择多选输入的自动提示时保持自动完成行为，我会让浏览器自动填充除其他多选输入之外的其他输入。当选择了第一个多选中的任何自动提示时，其他多选不允许自动填充浏览器给出的其他多选中的值。例如，我有三个多选:州，区，城市选择州我从浏览器获得自动建议。当鼠标悬停在其中之一时，我得到了以前填充的地区和城市自动填充的区域和城市。但是当我从State (当然是由浏览器给出的，而不是我)中选择Autossuggest值时，我将来自State、select和City的所有值都设置为空，这对用户来说是不好的。请建议一些技巧或解决办法，这样我就可以禁用浏览器的自动完成行为，或者可以在所有三个多选下拉菜单中自动选择。

Answer 1

在HTML代码中

onFocus={handleFocus}

在脚本文件中

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