Question

我正在创建一个需要有一个按钮的表单，当单击一个新组件时，将只添加一个输入字段。

例如，我只有一个字段可输入地址，但是我的地址很长，因此我需要2个其他输入字段。我单击了两次按钮，然后出现两个带有输入的组件。

实现此功能的正确方法是什么？

Answer 1

这是您问题的简单解决方案。 https://jsfiddle.net/RiddhiParekh/usd57zkb/6/

模板=>

 <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>

脚本=>

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

每次单击按钮时添加相同组件的正确方法是什么？

1 个答案: