可以随机乱序的乱序键盘

前言
PS0:其实它是一个输字母的表格，但它长得像键盘，用起来也像，所以还是叫键盘吧
PS1:我发现升3级竟然要400积分，我看我这可怜的100多积分，估计要升到猴年马月去，泪目
PS3:这个东西你还可以做成一个插件玩，各个页面都能用
代码

//html
    //首先你得有个按钮
    <div>
      <el-button type="danger" class="submit-btn" @click="postLoginInfo">输入</el-button>
    </div>
    <div>
      <el-dialog title="歪比歪比" :visible.sync="dialogTableVisible" :before-close="handleClose">
        <div style="text-align:left;padding-bottom:10px">
          <el-input placeholder="密码" v-model="password" :disabled="true" clearable class="password-bg-child"></el-input>
        </div>
        <table border="1">
          <tr :key="index" v-for="(item,index) in tableData">
            <td :key="indexC" v-for="(itemC,indexC) in item">
              <el-button class="table-btn" size="medium" type="warning" plain @click.native="keybroad(itemC)">{{itemC}}</el-button>
            </td>
          </tr>
        </table>
      </el-dialog>
    </div>

//然后来点参数
return{
      password:'',
      dialogTableVisible: false,
      keyBoardParam:0,
      tableData:[
        ['P','Y','3','V','5','X','Z','8','O','←'],
        ['D','B','C','A','E','L','Q','H','I','+'],
        ['J','K','F','M','N','9','1','G','R','-'],
        ['S','T','U','4','W','6','2','7','0','确认']
      ],
}

//再然后来点js拯救一下
    postLoginInfo(){
      //可以多整点tabledata，来个伪随机，每次出来都不一样，每次都有新感觉，海澜..
      //this.keyBoardParam = Math.random().toFixed(1)*10;-
      console.log(this.keyBoardParam);
      this.dialogTableVisible = true;
    },
    keybroad(val) {
      if (val === '←') {
        this.password = this.password.slice(0,this.password.length-1);
      }else if(val === '确认'){
        alert(this.password);
      }else{
        this.password += val;
      }
    },
    handleClose(done) {
      this.$confirm('确认关闭？')
        .then(_ => {
          this.password = '';
          done();
        })
        .catch(_ => {});
    }

总结
你说我搞的这个玩意它没用，我说它有用，这是化劲，接化发，尤其是在化一些奇怪的需求的时候