vue3 密码输入框

在Vue3中实现密码输入框的密文显示、不可编辑、不可回退以及两次输入密码的一致性检验，可以采用以下方法:

1. 设置input的type属性为"password"，可以实现密文显示。
2. 使用readonly属性来设置输入框为不可编辑。
3. 使用CSS样式或JavaScript代码来禁用退格键等功能键，从而实现不可回退。
4. 可以通过监听输入框的输入事件，获取用户输入的密码，并进行比对，判断两次输入是否一致。

相关代码示例：

<template>
  <input type="password" v-model="password" readonly @keydown.prevent>
  <input type="password" v-model="confirmPassword" readonly @keydown.prevent>
  <button @click="checkPassword">确定</button>
</template>

<script>
export default {
  data() {
    return {
      password: '',
      confirmPassword: ''
    }
  },
  methods: {
    checkPassword() {
      if (this.password === this.confirmPassword) {
        // 密码一致，执行相关操作
        // ...
      } else {
        // 密码不一致，作出相应提示
        // ...
      }
    }
  }
}
</script>