zoukankan      html  css  js  c++  java
  • 饿了么

    代码

    ratingsshow() {
    			 
    					if (this.rating === true) {
    					let
    					 text = this.food.ratings.filter((rating) => {
    							if (this.ratingType === 0) {return rating.text && rating}
    
    
    else if (this.ratingType === 1) {return  rating.text && rating.rateType === 0} 
    else if (this.ratingType === 2) {return rating.text && rating.rateType === 1} 
    						})
    						
    						return text
    
    				} else {
    					let text = this.food.ratings.filter((rating) => {
    							if (this.ratingType === 0) {
    								return rating
    
    							} else if (this.ratingType === 1) {
    								return rating.rateType === 0
    							} else if (this.ratingType === 2) {
    								return  rating.rateType === 1
    							}
    
    						})
    						return text
    					}
    				 
    				
    				}
    

      vue数据是异步加载的,此时this.food.ratings还没有加载

    可以加个判断

    ratingsshow() {
    				if(this.food.ratings){
    					if (this.rating === true) {
    					let
    					 text = this.food.ratings.filter((rating) => {
    							if (this.ratingType === 0) {return rating.text && rating}
    
    
    else if (this.ratingType === 1) {return  rating.text && rating.rateType === 0} 
    else if (this.ratingType === 2) {return rating.text && rating.rateType === 1} 
    						})
    						
    						return text
    
    				} else {
    					let text = this.food.ratings.filter((rating) => {
    							if (this.ratingType === 0) {
    								return rating
    
    							} else if (this.ratingType === 1) {
    								return rating.rateType === 0
    							} else if (this.ratingType === 2) {
    								return  rating.rateType === 1
    							}
    
    						})
    						return text
    					}
    				} 
    				
    				}
    

      ok

  • 相关阅读:
    Python 一条语句如何在多行显示的问题
    代理模式
    MySQL workbench中的PK,NN,UQ,BIN,UN,ZF,AI说明
    异步加载 Echarts图的数据
    Web页面中两个listbox的option的转移
    半透明效果
    在地图上使图片透明
    加载图片方式
    获取鼠标坐标
    画笔与画刷
  • 原文地址:https://www.cnblogs.com/chargeworld/p/10356099.html
Copyright © 2011-2022 走看看