el-table中嵌入el-input但是无法输入？

Question

tableData数据结构

[
    {
        "createBy": "045fcdae0ff045a496e45442a45909c2",
        "createTime": 1628832850546,
        "detectItemId": "0ad6846bb3e0435b80159482dc85d97b",
        "detectItemName": "",
        "detectReagent": "抗坏血酸溶液",
        "id": "3c8ec9bc91094c76af9ccb6dec4df6a8",
        "methodId": "37e14b7bb6904706830c2b675654baf6",
        "methodName": "",
        "mode": "ddd",
        "pager": null,
        "prepareMethod": "ddd",
        "rowLocked": 0,
        "rowstatus": "",
        "updateBy": "045fcdae0ff045a496e45442a45909c2",
        "updateTime": 1629101525045,
        "relReagentVenderEntityList": [
            {
                "sweepYardsReagent": "",
                "vender": ""
            }
        ]
    },
    {
        "createBy": "045fcdae0ff045a496e45442a45909c2",
        "createTime": 1628832809780,
        "detectItemId": "0ad6846bb3e0435b80159482dc85d97b",
        "detectItemName": "",
        "detectReagent": "钼酸铵溶液",
        "id": "fe513faef05d41ebad8979c822c2ac6c",
        "methodId": "37e14b7bb6904706830c2b675654baf6",
        "methodName": "",
        "mode": "ddd",
        "pager": null,
        "prepareMethod": "ddd",
        "reagentName": "钼酸铵溶液",
        "rowLocked": 0,
        "rowstatus": "",
        "updateBy": "045fcdae0ff045a496e45442a45909c2",
        "updateTime": 1629101518404,
        "relReagentVenderEntityList": [
            {
                "sweepYardsReagent": "",
                "vender": ""
            }
        ]
    }
]

relReagentVenderEntityList 这个数组里 可能会有多个对象

目前relReagentVenderEntityList 这个地方对应嵌套了el-input 但是 这个地方input输入的时候输入框不显示 失去焦点之后 才会显示输入内容 应该是v-model的问题，但是不知道问题出在什么地方 求指导

 <el-table-column prop="relReagentVenderEntityList" label="扫码试剂" align="center">
            <template slot-scope="scope">
              <div
                style="display: flex; margin: 5px 0"
                :key="index"
                v-for="(item, index) in scope.row.relReagentVenderEntityList"
              >
                <el-input
                  v-model="item.sweepYardsReagent"
                  @keyup.enter.native="scanData(item, scope.$index)"
                ></el-input>
              </div>
            </template>
          </el-table-column>

Answer 1

初始值改成以下
如果不行再加

for(let n of tableData){

this.$set(n,'relReagentVenderEntityList',n.relReagentVenderEntityList)

}

[
    {
        "createBy": "045fcdae0ff045a496e45442a45909c2",
        "createTime": 1628832850546,
        "detectItemId": "0ad6846bb3e0435b80159482dc85d97b",
        "detectItemName": "",
        "detectReagent": "抗坏血酸溶液",
        "id": "3c8ec9bc91094c76af9ccb6dec4df6a8",
        "methodId": "37e14b7bb6904706830c2b675654baf6",
        "methodName": "",
        "mode": "ddd",
        "pager": null,
        "prepareMethod": "ddd",
        "rowLocked": 0,
        "rowstatus": "",
        "updateBy": "045fcdae0ff045a496e45442a45909c2",
        "updateTime": 1629101525045,
        "relReagentVenderEntityList": [
            {
                "sweepYardsReagent": "",
                "vender": ""
            }
        ]
    }]

Answer 2

正常我们写文本框输入：

<table>
    <el-table-column prop="name" label="姓名" width="200">
          <el-input v-model="name"></el-input>
      </el-table-column>
      <el-table-column prop="password" label="密码"  width="120">   
          <el-input v-model="password"></el-input>
      </el-table-column>
</table>

但是这样通常输入没有反应，此时我们应该：

<table>
    <el-table-column prop="name" label="姓名" width="200">
        <template slot-scope="scope">
          <el-input v-model="scope.row.name"></el-input>
        </template>
      </el-table-column>
      <el-table-column prop="password" label="密码"  width="120">
        <template slot-scope="scope">
          <el-input v-model="scope.row.password"></el-input>
        </template>
      </el-table-column>
</table>

如果你想开发小程序或者了解小程序更多的内容，可以通过第三方专业开发平台，来帮助你实现开发需求：厦门在乎科技-专注厦门小程序定制开发、app开发、网站开发、H5小游戏开发