vue项目动态渲染input,绑定的参数不实时更新问题

@input="$forceUpdate()"

<div v-if="doubleChild.lenght!=0&&radio === 1">
  <template v-for="( item,index ) in doubleChild" >
        <el-form-item :label="item.text" :key="index">
            <el-input
                @input="$forceUpdate()"
                placeholder="请输入内容"
                v-model="item.inputKey">
            </el-input>
        </el-form-item>
    </template>
</div>

<el-table
        ref="multipleTable"
        :data="skuTableData"
        tooltip-effect="dark"
        style="width: 100%"
        border
      >
        <el-table-column prop="id" label="SKU编号" width="120" align="center">
        </el-table-column>
        <el-table-column
          prop="sku_attr_text"
          label="规格"
          width="120"
          align="center"
        >
        </el-table-column>
        <el-table-column prop="address" label="价格" align="center">
        </el-table-column>
        <el-table-column prop="stock" label="库存" align="center">
        </el-table-column>

		//动态渲染的表格列
        <el-table-column
          :label="item.val"
          v-for="(item, index) in tableHead"
          :key="index"
        >
          <template scope="scope">
            <el-input
              size="small"
              v-model="scope.row[item.item]"
              placeholder="0"
              type="number"
            ></el-input>
          </template>
        </el-table-column>
      </el-table>

tableHead:[
    { val: "2人团价格", item: "target1" },
    { val: "3人团价格", item: "target2" },
]  

skuTableData:[
    {target1:1},
    {target2:2}
]