模板 v-for 循环中的增量变量

Question

我有这样的伪vue-js循环：

var j = 0;
for(var i = 0; i < 100; i ++){
    <item-component></item-component>

    if(i % 10 === 0){
        <component :is="'advertising-block-' + j"></component>
        j ++;
    }
}

如何覆盖到 vue 模板？

我需要在每第十个项目后显示不同的广告块，并且此类组件（块）的名称应为：

advertising-block-0
advertising-block-1
...
advertising-block-10 (last one after 100th item).

Answer 1

您可以使用 <?=$test?> 迭代 100 次，并在每 10 个项目之后显示一个广告组件（这应该是一个常见的采用 v-for 并显示相应项目的组件）使用 {{1} }：

j

v-if