[Vuejs]-What is the proper way to add same component everytime a button is clicked?

by

0👍

✅

Here is a simple solution to your question.
https://jsfiddle.net/RiddhiParekh/usd57zkb/6/

Template =>

 <div id="vue-instance">
    <button @click="addInput">Click to add input</button>
    <br>
    Address:
        <div v-for="i in count">
          <input type="text">
          </div>
    </div>

Script =>

  var vm = new Vue({
      el: '#vue-instance',
      data: {
       count:1
      },
      methods:{
      addInput(){
      this.count = this.count+1
      }
      }
    });

Leave a comment