如何在按钮单击时使用不同的v-model在运行时生成嵌套文本框

Question

我是vuejs的新手。我试图在按钮单击事件的运行时生成嵌套的文本框。请查看jsfiddle链接以便更好地理解 https://jsfiddle.net/avi_02/qLqvbjvx/

让我们假设这样理解问题。

++ - ＆gt;它会生成MainTextBox

+ - ＆gt;它会生成SubTextBox

当我点击++时，会生成一个新的MainTextBox，其+链接为SubTextBox 但是当我点击+生成SubTextBox时，它会在所有其他MainTextBox上生成。

我想为各自的SubTextBox生成MainTextBox，而不是其他主要文本框。 请按照jsfiddle链接进行视觉理解。

Answer 1

每个import re s="""The quick brown fox jumps over the lazy dog """ print re.findall('the', s, flags=re.IGNORECASE | re.MULTILINE) 都需要自己的组件数组。

rowsMain

然后你可以添加组件行，如：

addRowMain() {
  this.form.rowsMain.push({
    key: '',
    value: '',
    componentRows: []
  });
}

它仍然需要工作，但请看这个更新的小提琴：

https://jsfiddle.net/qLqvbjvx/5/