Chrome浏览器☞坑爹的自动填充密码功能

完成项目后，发现：好多的输入框会自动的被填充密码。

image.png

这个在登录时候非常有用，可以存储密码，下次自动填充登录，方便用户

但是，假如项目中，各个页面只要有输入框，就自动填充账号密码，那就非常恶劣了。

刚开始网上查找，基本上都是在Input中添加autocomplete="off"属性。但是我项目中使用的是 iview框架，封装的Input 、InputNumber组件。没有暴露这些方法，加上也没有什么乱用。这可如何是好。

思来想去，终于找到了个取巧方法，输入框外层加个<form></form>完美解决。

<form action="javascript:void(0)">
                  <InputNumber></InputNumber>
</form>

加上 action="javascript:void(0)" 是为了禁止form提交表单。

番外篇

InputNumber 使用过程中，后端返回的数据为字符串类型，但是我v-model 绑定对应的字符串时候，会一直警告不符合类型要求。后端是用的统一的框架，不可能在去修改数据类型，没办法，那就前端处理，首先获取到数据，遍历到该model时候*1，转换为数字类型。