uni-app <view v-if="false">内部使用过滤器或methods方法会在小程序端控制台报错

分类：uni-app

如题 uni-app在view中加上v-if判断条件v-if="obj"后view内部使用过滤器会忽略判断外层容器条件v-if自动执行filter函数, 编译到小程序端后控制台报错 TypeError: Cannot read property 'xxx' of null, 然后不使用过滤器filters，使用页面methods函数的话也是同样的问题

初始数据对象obj为null，之后会调用api接口返回数据赋值给obj, 可是一进入页面之后小程序IDE控制台就会提示报错信息：TypeError: Cannot read property 'discount' of null

HBuilderX版本: 2.6.7.20200326-alpha最新版
小程序IDE版本: v1.02.2003250最新版

github上也有类似问题但是至今仍未解决，没有官方回复 > https://github.com/dcloudio/uni-app/issues/334

<view class="detail-card" v-if="obj">  
    <view class="discount">  
        <text>折扣:</text>  
        <text class="num">{{ obj.discount | formatDiscount }}</text>  
                <text class="num">{{ formatDiscount(obj.discount) }}</text>  
    </view>  
</view>  

data() {  
        return {  
            obj: null  
        }  
    },  
methods: {  
                formatDiscount(val){return Number(val).toFixed(2)},  
        async getMemberDetail() {  
            uni.showLoading({  
                title: '加载中...',  
                mask: true  
            })  

            const params = {  
                uid: this.uid  
            }  

            try {  
                const res = await Api.getMemberDetail(params)  

                console.log(res)  

                if (res.ret === 200) {  
                    uni.hideLoading()  

                    this.obj = Object.assign({}, res.data)  
                }  
            } catch (e) {  
                console.log(e)  
                uni.hideLoading()  
            }  
        }  
    }