Vuejs FontAwesome глаз значок, чтобы показать и скрыть пароль - PullRequest
Новая
       8

Vuejs FontAwesome глаз значок, чтобы показать и скрыть пароль

0 голосов
/ 02 июня 2018

Я пытаюсь использовать значок шрифта awesome eye, чтобы показать и скрыть пароль, когда пользователь пытается войти в систему.Значок отображается, но я не могу отобразить введенные символы.Может кто-нибудь, пожалуйста, помогите мне.

Ниже приведен HTML-код, который я использую для пароля.Пароль, который вы можете видеть в v-show и функции @click, представляет собой пустую строку, которая находится внутри javascript.

Если кто-то может помочь мне с выполнением этой работы, был бы очень благодарен.

HTML: 

<div class="passwordInputArea">
                        <span class="passwordEye" v-show="password">
                           <span><font-awesome-icon :icon="['fas', 'eye']" @click="password = !password" /></span>
                        </span>

                        <input name="password" type="password" v-model="password" v-validate="'required'" placeholder="Password" class="epForm epInput pSection" id="password" />
                        <p v-show="wrong.password">
                            Password is missing or incorrect. Please try again!
                        </p>
                        <p v-show="wrong.all">
                            Login Details Incorrect!
                        </p>
                    </div>

Большое спасибо!

...