如何动态绑定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数据