v-show-password-input

Vue directive that allows you to confirm password.

Usage no npm install needed!

<script type="module">
  import vShowPasswordInput from 'https://cdn.skypack.dev/v-show-password-input';
</script>

README

v-show-password-input

Vue directive that allows you to confirm password.

Demo

Installation

npm i v-show-password-input --save

Usage

Basic way

<input type="password" v-show-password-input>

with v-model

You also can use this directive with v-model like so.

<input type="password" v-show-password-input v-model="inputValue">
<script>

    new Vue({
        el: '#app',
        data: {
            inputValue: ''
        }
    })

</script>

in IE 11 or edge

IE and edge have a feature that allows you to confirm password inputted by default.
So, if you would like to use v-show-password-input in their browsers, please add the followings to disable the standard feature.

<style>

    ::-ms-clear { display: none; }
    ::-ms-reveal { display: none; }

</style>

License

This package is licensed under the MIT License.

Copyright 2018 Sukohi Kuhoh