Vue.js中提供了v-model可以雙向綁定表單元素,這個方法可以非常方便的獲得輸入的值,但是有時候表單元素需要循環生成,在循環中要怎樣獲得指定輸入框的值呢
這里介紹兩種,一種是v-for中循環生成的輸入框,一種是在element-table中生成的輸入框
在循環中只要給定的v-model不一致就可以為輸入框分別綁定,在循環中index每一項都是不一樣的,你也可以使用字符拼接的方式,設置v-model對應的值為input1,input2..
類似這樣的,這樣就可以通過綁定的值取到對應輸入框的值了,
在控制台打印的結果:
還有一種場景是在表格中嵌套的input:
這樣的只用綁定表格的屬性就好了,這樣在打印出來的tableData中就可以拿到input的值
