首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Vue v-for与v-if

Vue v-for与v-if
EN

Stack Overflow用户
提问于 2019-02-05 09:23:38
回答 1查看 2.4K关注 0票数 4

我在Vue文档中发现了一些不一致的地方。如果有人澄清这件事的话。看看V-换-v-if,它说这样做可能是有用的。就我而言,我正处在这种情况下。但现在eslint在抱怨。

所以我看了看风格指南,它告诉我要避免这样做。所以有一些明显的矛盾。

问题:你应该避免这样做真的有那么糟糕吗?

我的观点:我不认为它是bad。我有很多有用的用例。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-02-05 09:32:02

方法1:

所有节点都将在每次items[]更改时呈现。

代码语言:javascript
运行
复制
<span v-for="item in items" v-if="item.shouldRender">...</span>

方法2:

所有节点都将呈现一次。

代码语言:javascript
运行
复制
<template v-for="item in items">
    <span v-if="item.shouldRender">...</span>
</template>

方式3:

只呈现过滤过的节点。已过滤的列表被缓存。

代码语言:javascript
运行
复制
<span v-for="item in computedShouldRenderItems">...</span>

我认为“way-1”并不是很糟糕。但我宁愿避开它。

票数 8
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54531115

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档