在一个组件vuejb中有两个不同的数组

Question

你好，我不想在一个组件中循环两个不同的数组，就像这样

operationMep= [
{
"id": 15525205,
"type": "mise_en_prep",
"orderOperationSkus": [
{
"id": 24339529,
"orderSku": {
"id": 11747818,
"referenceMep": "MB0153",
"tax": 20,
"size": "M"
}
}
}
]
operationInvoice= [
{
"id": 16525205,
"type": "invoice",
"orderOperationSkus": [
{
"id": 24339529,
"orderSku": {
"id": 11747818,
"referenceInvoice": "MB0153"

}
}
}
]

<div v-for="itemMep in operationMep">
<my-template 
v-for="itemVoice in operationInvoice" 
:size="itemMep.size" 
:invoice="itemVoice.referenceInvoice">
</my-template>
</div>

可以这样做，因为我在这个组件内有2个循环，我想添加一个条件，如果操作发票是空的，只是循环operationMep。谢谢你

Answer 1

如果我理解正确，你想避免渲染嵌套的<my-template>，如果operationInvoice是null。

你可以用v-if="operationInvoice"来包装嵌套的v-for循环:

<div v-for="itemMep in operationMep">
<template v-if="operationInvoice">
<my-template 
v-for="itemVoice in operationInvoice"
:size="itemMep.size" 
:invoice="itemVoice.referenceInvoice">
</my-template>
</template>
<!-- other markup here -->
</div>