Uni-app v-if与v-show

用法:

        <view v-if="isShow" style="width:300upx;height:300upx">    
            看得见1号
        </view>
        <view v-else style="width:300upx;height:300upx">
            看不见
        </view>
        <view v-show="isShow" style="width:300upx;height:300upx">
            看得见2号
        </view>

js:

        data() {
            return {
                isShow:true
            }
        },

 

他们之间的区别是v-if会将不存在的那个DOM移除,而v-show只是将那个DOM进行隐藏

上一篇:【 uniapp 】导航栏适配


下一篇:uni-app v-for用法