uni-app 调试时页面正常显示，打包后页面空白，不显示

使用uniapp开发 app时，遇到一个奇怪的问题，调试时可以正常显示，打包后，就不显示页面了。

经过多次测试，发现原来是 computed：{} 里出问题了 

原来的写法是：这是错误写法，调试时正常，打包后不显示了

1.  
   //这样写是不行的
2.  
   computed:{
3.  
   gsf_count() {
4.  
   return function () {
5.  
   let _count = 0;
6.  
   this.gsfList.map((item, i) => {
7.  
   _count = item.count;
8.  
   });
9.  
   return _count;
10.  
    };
11.  
    }
12.  
    }

这种调用时，后面要加括号 <view class="td"> 数量：{{ gsf_count() }} </view>

关键在于 return function(){} 可能是在app 打包后不认。

正确的写法是：

1.  
   //正确写法
2.  
   computed: {
3.  
   gsf_count() {
4.  
    
5.  
   let _count = 0;
6.  
   this.gsfList.map((item, i) => {
7.  
   _count = item.count;
8.  
   });
9.  
   return _count;
10.  
     
11.  
    },

 调用时：也不加括号了 <view class="td"> 数量：{{ gsf_count }} </view>

这篇好文章是转载于：学新通技术网