How to watch just one time using input in Vue.js

Question

There is a input tag in vue template. I want to use 'text' type not 'password' type.

  <input type="text" v-model="form.password" />

So I made a watch code to change text string to ** string.

  watch: {
    "form.password": function(val) {
      this.form.password = *
    }
  }

But when I type one character it is changed to ' * ' , so 'watch' caches again and again infinitely.
How can I solve this problem? Thank you so much for reading it.

Shoejep · Accepted Answer · 2020-03-11 12:34:25Z

1

You can solve your watch problem by using the input event instead, which only gets fired when you type something.

<input type="text" :value="form.password" @input="updatePassword" />

Then in your method

methods: {
    updatePassword: function(ev) {
        this.form.password = "*";
    }
}

answered Mar 11, 2020 at 12:34

Shoejep

4,8795 gold badges26 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to watch just one time using input in Vue.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related