element ui中表格的列插入input,该如何取到对应的值

有这样一个需求

clipboard.png
我点添加仪器的时候跳到一个列表中选取仪器

clipboard.png
点击选择好仪器之后第一张图变成这样

clipboard.png

这里的数量输入框默认值是1我该怎么控制???

对应的html代码如下

clipboard.png
`<el-table-column label='数量' prop='lab024' align="center">

                       
                        <template slot-scope="scope">
                            <el-input v-model="scope.row.roleName" style="width:50px;"></el-input>
                        </template>
                    </el-table-column>`

最后点击保存的时候要把对应的每条数据发到后台

clipboard.png

这里的数量值要怎么写才能对应的传给后台?
新手求帮助。。

阅读 14.4k
3 个回答

没看出来你的仪器和数量如何对应起来的,所以才有这种问题。
我想的是,你的每一行都对应一个对象才行,类似rows:[{code: count}]这种的,然后就容易解决了。

  1. 增加数据时,写成rows.push({newCode: 1}),input需要绑到(v-for="el in rows")el.count这里。
  2. 发送时把整个rows发回去。

结构需要跟后端商量一下,也可以是{code: this_code, count: this_count},反正key-value对上就好。

楼主,能把你的代码贴上么

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题