How can I make it easier to display the button with all the inputs filled?

Question

Vue.js

I have such an example https://jsfiddle.net/rusline/eywraw8t/389024/
That is, I approximately did there that I hung an event on the inputs, but is there any other way to set the value of the button to true?

Answer 1

The onButton method and the button property are not needed - a computed showButton property is enough, like this :
<button v-show="showButton">

computed: {
  showButton() {
    return this.username !== '' && this.password !== '';
  },
},