如何动态绑定input的v-model

Question

页面上新增内容的按钮，点击是表格中的数据，我想问一下怎么动态绑定input的数据!而不是像我这样写死，这样页面上有行列的更新，弹出框的数据还是死的，以后会很不方便

---

---

//html
 <el-dialog
            title="下级新增"
            :visible.sync="juniorAdd"
            size="tiny"
            :before-close="juniorHandleClose">
            <el-form :label-position="labelPosition" label-width="80px" :model="juniorAddFormLabel"  :inline="true" >
              <el-form-item label="序号">
                <el-input v-model="juniorAddFormLabel.order"></el-input>
              </el-form-item>
              <el-form-item label="细目号">
                <el-input v-model="juniorAddFormLabel.detail"></el-input>
              </el-form-item>
              <el-form-item label="细目名称">
                <el-input v-model="juniorAddFormLabel.detailName"></el-input>
              </el-form-item>

---

//data中的数据
  juniorAddFormLabel:{
          order: "",
          detail: "",
          detailName:"",
          units: "",
          amount: "",

Answer 1

我想你要的是动态增减表单项，而不是动态更改绑定，即动态生成当前form，并进行相应绑定，请参照
动态增减表单项

动态生成form：请参照动态生成form

至于你说的不能绑定数据的问题，我已经修改了，请参照如下代码:
动态生成form并绑定当前row数据

Answer 2

v-model在渲染后是无法动态改变的，如果你需要动态新增input的条数，可以采用v-for轮训渲染input((item,index) in inputArray)，然后将数组中的值设置为item.model，思路在于根据data渲染dom。