Javascript 如何根据textbox vue.js上的指定数字添加行

大家好，我是使用vue.js制作应用程序的新手 我想知道如何根据textbox上指定的数字添加行

这是我的小提琴

剧本

---

您可以使用

v-model

检索输入框的值，然后只需推送这么多新行：

HTML

<input type="text" v-model="rowCount" name="rows" class="rows-textbox">

JS

data: {
    rowCount:0,
    rows: [
    ]
  },
  methods:{
    addRow: function(){
      for(i = 0; i < this.rowCount; i++){
        this.rows.push({});
      }
      this.rowCount = 0;
    },
  }

数据：{
行数：0，
行：[
]
},
方法：{
addRow:function（）{
对于（i=0；i

data: {
    rowCount:0,
    rows: [
    ]
  },
  methods:{
    addRow: function(){
      for(i = 0; i < this.rowCount; i++){
        this.rows.push({});
      }
      this.rowCount = 0;
    },
  }