关于v-if和v-for同时使用的问题。

来源:5-13 内容卡片数据初始化

夜魇丶

2021-06-07

老师你好。

http://img.mukewang.com/szimg/60bde208091dc46209100170.jpg

我想要避免v-if和v-for同时使用。

我最开始是想把v-if放在v-for的循环里。但结果还是循环之后,再判断。还是影响性能。但是如果放在v-for的外部,又获取不到index值。网上有通过computed来解决这种问题的情况,但是我试下了不太会。

想问一下老师,这种情况有什么简单的写法,来分离v-if和v-for。

写回答

1回答

慕村6345035

2021-06-30

使用占<template> 标签来做循环 ,内部使用 v-if 

```

<template v-for="(item,index) in item.cover">

<view v-if="index < 3">

<!-- TODO -->

</view>

</template>

```

0
0

uni-app实战 以项目为导向 掌握完整开发流程

跟着uni-app团队开发成员快速上手高效率框架,打通前后端,完成初级全栈开发

1104 学习 · 544 问题

查看课程