No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    [SOLVED] toggle password with Quasar v1

    Help
    2
    3
    1376
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • N
      nobilik last edited by nobilik

      Hi! Can’t find how to toggle password visibility and change icon.

                                  <q-input
                                  bottom-slots
                                  filled
                                  v-model.trim="$v.password.$model"
                                  label="Pass"
                                  type="password"
                                  lazy-rules
                                  :rules="[
                                    val => $v.password.required || 'required',
                                    val => $v.password.minLength || '6 symbols'
                                  ]"
                              >
                                <template v-slot:prepend>
                                  <q-icon name="fas fa-lock" />
                                </template>
                                <template v-slot:append>
                                  <q-icon class="cursor-pointer" name="fas fa-eye-slash" @click="onTogglePassword (e)"/>
                                </template>
      

      Help, please

      1 Reply Last reply Reply Quote 0
      • metalsadman
        metalsadman last edited by

        @nobilik check https://quasar.dev/vue-components/input#Example--Input-types 2nd example.

        N 1 Reply Last reply Reply Quote 1
        • N
          nobilik @metalsadman last edited by

          @metalsadman Thanks a lot man!

          1 Reply Last reply Reply Quote 0
          • First post
            Last post