需求大致是: 由后臺查詢出單據里選擇的省市列表, 然后填寫對應省市的產品數量. 把勾選的數據提交到后臺.html<ul><li v-for="option in options">
<input type="checkbox" v-model="selected" v-bind:value="option.id">
<span>{{option.text}}</span>
<input name="num" type="number" placeholder="填寫數量" /></li></ul>預覽jsnew Vue({ el: 'body', data: { selected: [], options: [
{ text: '上海市', id: '20' },
{ text: '湖北省', id: '43' },
{ text: '河南省', id: '45' },
{ text: '北京市', id: '10' }
]// 選項是動態加載出來的, 數量不定
}
});需要把勾選了的選項和后面的數量組成對象數組提交到后臺.需要的數據格式為:selected:[{
id:10,// 省市id
num:24// 數量
}]這樣的應該怎么做?
vue2 動態的復選列表里怎么綁定對象數組
夢里花落0921
2018-10-09 17:18:34
