Vue.js 如何为v模型数据对象指定默认值
这里我想为Vue.js 如何为v模型数据对象指定默认值,vue.js,Vue.js,这里我想为sendqnt和receiveqnt export default{ data: function(){ return{ businessforCustomer:false, transactionData:{ business:{}, senditems:{ sendqnt:0, }, recieveitems:{ recieveqnt:0
sendqnt
和receiveqnt
export default{
data: function(){
return{
businessforCustomer:false,
transactionData:{
business:{},
senditems:{
sendqnt:0,
},
recieveitems:{
recieveqnt:0,
},
},
}
}
在这个循环中,这些数据被设置为v型
<tr v-for="ri in transactionData.recieveitems">
<td>{{ri.item_name}}</td>
<td>
<input type="text" class="form-control" placeholder="Item Quantity" v-if="" v-model.number="ri.recieveqnt" >
</td>
</tr>
如果响应不是数组,则忽略它。如果是数组-如果缺少,则每个项目的属性
receiveqnt
将设置为0
axios.get('/api/transactions/getItems')
.then(function (response){
if(Object.prototype.toString.call(response.data) === '[object Array]') app.transactionData.receiveitems = response.data.map((item) =>
{
item.recieveqnt = item.recieveqnt || 0;
return item;
});
else app.transactionData.receiveitems = [];
console.log(response, app.transactionData.receiveitems);
})
.catch(function (response){
console.log(response);
})
共享您设置transactionData.senditems的方式?我认为它正在被取代
axios.get('/api/transactions/getItems')
.then(function (response){
app.transactionData.senditems = response.data;
console.log(response);
})
.catch(function (response){
console.log(response);
})
axios.get('/api/transactions/getItems')
.then(function (response){
if(Object.prototype.toString.call(response.data) === '[object Array]') app.transactionData.receiveitems = response.data.map((item) =>
{
item.recieveqnt = item.recieveqnt || 0;
return item;
});
else app.transactionData.receiveitems = [];
console.log(response, app.transactionData.receiveitems);
})
.catch(function (response){
console.log(response);
})