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

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

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

//这样写是不行的
        computed:{
			  gsf_count() {
			            return function () {
			                let _count = 0;
			                this.gsfList.map((item, i) => {
			                    _count += item.count;
			                });
			                return _count;
			            };
			        }
           }

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

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

正确的写法是:

//正确写法	
        computed: {
			gsf_count() {
				 
					let _count = 0;
					this.gsfList.map((item, i) => {
						_count += item.count;
					});
					return _count;
				 
			},

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

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐