如何在v-if条件下渲染v-for列表中的2个组件?

时间:2019-06-27 01:31:00

标签: vue.js

我想在v-for条件下渲染2个子组件(A和B)。首先,使用v-for包装2个组件,然后允许A始终渲染,而B仅在v-if为true时渲染。

像这样: AABAAAABAA

但是,当我这样做时,组件是这样的: AABBAAAAAA

我试图为B组件提供v-for的“键”作为道具,但从未解决。

<template lang="pug">
.wrapper(v-for="(item, index) in list") :key="index")
  Acomponent(someProps="someProps")
  Bcomponent(v-if="index === 1")

0 个答案:

没有答案