element中 el-input 中的 autocomplete属性怎么使用

想整体学一遍 element，学到 input 中看到了 autocomplete 这个属性，没有过多的介绍，我就自己试着写了写

<el-form :model="ruleForm" label-width="100px">
   <el-form-item label="账号">
     <el-input v-model="ruleForm.number" autocomplete="on" name="number"></el-input>
   </el-form-item>
   <el-form-item label="密码">
     <el-input v-model="ruleForm.pass" autocomplete="on" name="pass"></el-input>
   </el-form-item>
   <el-form-item>
     <el-button type="submit" @click="submitForm()">提交</el-button>
   </el-form-item>
 </el-form>

//data中定义的变量
 ruleForm: {
   	  pass: '',
      number: '',
  }
  
// 表单提交的方法
submitForm() {
 	alert('submit!');
 },

我把 autocomplete 属性打开了， 页面效果是这样的，当我输入账号：111，密码：222之后，点击提交，成功了之后刷新一下页面，重新点击，账号或者密码没有自动补全，于是我各种百度搜索这个东西怎么用

到最后终于解决了这个问题，原来在于提交的那个按钮我用的是button按钮，这样是错的，应该写成input

<el-form-item>
    <el-input type="submit" @click="submitForm()">提交</el-input>
</el-form-item>

这样就实现了自动补齐的功能，如下图