鍍金池/ 問答/HTML/ element ui中表格的列插入input，該如何取到對應的值

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>`

最后點擊保存的時候要把對應的每條數據發(fā)到后臺

clipboard.png

這里的數量值要怎么寫才能對應的傳給后臺？
新手求幫助。。

回答
編輯回答
熟稔

沒看出來你的儀器和數量如何對應起來的，所以才有這種問題。
我想的是，你的每一行都對應一個對象才行，類似rows:[{code: count}]這種的，然后就容易解決了。

  1. 增加數據時，寫成rows.push({newCode: 1})，input需要綁到（v-for="el in rows"）el.count這里。
  2. 發(fā)送時把整個rows發(fā)回去。

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

2018年7月13日 21:19