首页 > 代码库 > vue常用方法

vue常用方法

2024-10-03 10:11:02   210人阅读

1、v-if的使用方法。

v-if 不会渲染dom 结构；而 v-show 是会渲染结构的

(a): 单独使用

<div class="arror" v-if="item.supports.length > 2">
                                {{item.supports.length}}个活动<i class="iconfont">&#xe61a;</i>
                            </div>

(b):和 v-for 一块使用

<li class="shop_supports_item" v-for="(itemSp,index) in item.supports" v-if="index < 2">
                                    <span class="shop_icon_sup" :class="classMap[item.supports[index].type]"></span>
                                    <span class="supports_text">{{itemSp.description}}</span>
                                </li>

 

vue常用方法


联系
我们