Javascript 有没有一种方法可以执行一个函数或将一个动态类分配给一对两个组件,从数组中每迭代两次就跳过一次?
我正在调用一个组件,并在父级中使用一个项目数组进行迭代。但在每两个组件之后,长方体阴影就意味着不同。如何给每一对两个组件赋予相同的框阴影,给下两个组件赋予不同的框阴影?我希望你能理解我的问题 起初,我认为我会通过id或索引跟踪它,对于索引为0和1的任何项目,我会给出一个特定的框阴影,然后下一对2、3会有一个不同的框阴影,然后4和5也会有一个不同的框阴影;那个序列。但我在执行上遇到了一些问题 这是家长Javascript 有没有一种方法可以执行一个函数或将一个动态类分配给一对两个组件,从数组中每迭代两次就跳过一次?,javascript,algorithm,vue.js,vuetify.js,Javascript,Algorithm,Vue.js,Vuetify.js,我正在调用一个组件,并在父级中使用一个项目数组进行迭代。但在每两个组件之后,长方体阴影就意味着不同。如何给每一对两个组件赋予相同的框阴影,给下两个组件赋予不同的框阴影?我希望你能理解我的问题 起初,我认为我会通过id或索引跟踪它,对于索引为0和1的任何项目,我会给出一个特定的框阴影,然后下一对2、3会有一个不同的框阴影,然后4和5也会有一个不同的框阴影;那个序列。但我在执行上遇到了一些问题 这是家长 <v-layout row wrap class="mt-3">
<v-layout row wrap class="mt-3">
<v-flex
xs12 v-for="(item,i) in plans"
:key="i"
>
<plan-item :item="item" />
</v-flex>
</v-layout>
这是计划项子组件
<div>
<div :class="{'boxShadow1': isPairOne, 'boxShadow2': isPairTwo}"></div>
</div>
//It has the item prop
props: {
item: {
type: Object
},
}
//它有道具
道具:{
项目:{
类型:对象
},
}
计划是,对于每两对,它们将有boxShadow1类,接下来的两个将有boxShadow2类,并且无论数组中的项数多少,循环都会重复。有各种方法来配对索引。您可以使用
i%4<2
。i%4
部分将产生序列0、1、2、3、0、1、2、3。。。一对是0和1,另一对是2和3
或者,如果您更喜欢按位运算符,可以使用i&2
,这将生成序列0、0、2、2、0、0、2、2、
阴影的具体应用位置取决于您。e、 g
你可以用合适的道具把这个移到孩子身上。你是我的新好朋友!成功了!非常感谢你。认为这实际上是非常简单的。你真是个天才!
<div>
<div :class="{'boxShadow1': isPairOne, 'boxShadow2': isPairTwo}"></div>
</div>
//It has the item prop
props: {
item: {
type: Object
},
}