vue3 el-input 输入加密 第一个字以外都用*号

Vue3 中使用 Element UI 的 `el-input` 实现输入框内容加密，让除了第一个字符之外的所有字符替换为星号(*)，可以采用以下步骤：

1. 首先，在你的组件模板 (`template`) 中，保持原有的 `el-input` 结构不变：

<template>
  <el-input v-model="password" placeholder="请输入密码"></el-input>
</template>

2. 然后，在数据 (`data`) 或者计算属性 (`computed`) 中添加一个方法来处理输入内容的加密：

<script setup>
import { ref } from 'vue';

const password = ref('');
const encryptedPassword = computed(() => {
  const firstChar = password.value.charAt(0);
  return firstChar + password.value.slice(1).replace(/./g, '*');
});
</script>

这里，`replace(/./g, '*')` 部分会替换除第一个字符外的每个字符为星号。

3. 将 `encryptedPassword` 属性绑定到输入框的值上：

<template>
  <el-input v-model="encryptedPassword" placeholder="请输入密码"></el-input>
</template>

4. 当用户输入时，显示的是加密后的密码，只有在需要查看原始密码的地方才显示真实值，比如提交表单时或者在密码相关的组件内提供解密功能。