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