在vue标签当中循环判断,判断时候除了用v-if跟v-show还可以用什么来进行判断

在vue标签当中循环判断,判断时候除了用v-if跟v-show还可以用什么来进行判断

可以定义显示隐藏的class样式,循环时根据判断添加class可以控制

没有了啊,判断是否显示隐藏就只有v-if和v-show哦,如果还有其他指令,那肯定是自己封装的“自定义指令”

v-for的时候不是有索引么

  • 看下这篇博客,也许你就懂了,链接:vue的条件判断,指令v-if、v-show
  • 除此之外, 这篇博客: Vue条件判断及循环遍历(v-if、v-elseif、v-else、v-show、v-for)中的 一、v-if 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • 单独使用v-if,变量为布尔值。

        <div id="app">
            <h2 v-if="flag1">hello!</h2>
            <h2 v-if="flag2">hello!Vue!</h2>
        </div>
        <script src="../js/vue.js"></script>
        <script>
            var vm = new Vue({
                el:'#app',
                data() {
                    return{
                        flag1:true,
                        flag2:false,
                    }
                },
            })
        </script>

    因为flag2的状态为false的,所以不显示。