uni-app小程序v-show内容始终不显示

<view class="title" v-show="searchList.length">联系人</view>

......


data() {
    return {
        searchList:[],
    }
}

使用以上方式控制该标签的显示,判断条件为searchList数组的长度,数组为空不显示标签;

浏览器运行正常,但在微信开发者工具中数组非空时也不显示

解决方法:使用计算属性

<view class="title" v-show="searchListLength">联系人</view>

......

data() {
    return {
        searchList:[],
    }
},
computed:{
    searchListLength(){
        return this.searchList.length;
    }
},

猜你喜欢

转载自blog.csdn.net/weixin_43655896/article/details/122905290