优化注册表单,添加重复密码字段的可见性切换功能
This commit is contained in:
parent
78b6416e15
commit
dea868fc2a
@ -16,8 +16,8 @@
|
||||
|
||||
<v-divider :thickness="10" class="border-opacity-0"></v-divider>
|
||||
|
||||
<v-text-field :rules="passwordRules2" label="重复输入密码" :append-inner-icon="visible ? 'mdi-eye' : 'mdi-eye-off'"
|
||||
:type="visible ? 'text' : 'password'" @click:append-inner="visible = !visible"
|
||||
<v-text-field :rules="passwordRules2" label="重复输入密码" :append-inner-icon="visibleR ? 'mdi-eye' : 'mdi-eye-off'"
|
||||
:type="visibleR ? 'text' : 'password'" @click:append-inner="visibleR = !visibleR"
|
||||
prepend-inner-icon="mdi-lock-outline"></v-text-field>
|
||||
|
||||
<v-divider :thickness="10" class="border-opacity-0"></v-divider>
|
||||
@ -50,6 +50,7 @@ import axios, { AxiosError } from 'axios';
|
||||
import { inject, ref } from 'vue';
|
||||
|
||||
const visible = ref(false);
|
||||
const visibleR = ref(false);
|
||||
const model = defineModel();
|
||||
|
||||
const authStore = useAuthStore();
|
||||
|
Loading…
Reference in New Issue
Block a user