在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ Vue.js簡(jiǎn)化es5的代碼

Vue.js簡(jiǎn)化es5的代碼

像這樣的if判斷代碼在vue里面顯得過(guò)于臃腫,該怎么優(yōu)化if語(yǔ)句?

methods: {
  next() {
    if (this.cateDatas.caijing != '') {
      if(this.cateDatas.redian != '') {
        if(this.cateDatas.hangye != '') {
          if(this.cateDatas.youhui != '') {
            if(this.cateDatas.diyu != '') {
              this.id++;
            } else {
              alert("請(qǐng)選擇地域信息!")
            }
          }  else {
            alert("請(qǐng)選擇優(yōu)惠政策!")
          }
        }  else {
          alert("請(qǐng)選擇行業(yè)資訊!")
        }
      }  else {
        alert("請(qǐng)選擇熱點(diǎn)聚焦!")
      }
    } else {
      alert("請(qǐng)選擇財(cái)經(jīng)新聞!")
    }
  }
}
回答
編輯回答
舊時(shí)光

一點(diǎn)兒想法,希望能對(duì)你有所幫助!

next(){
     var data_buff = {
         "caijing":"財(cái)經(jīng)新聞",
         "redian":"熱點(diǎn)聚焦",
         "hangye":"行業(yè)資訊",
         "youhui":"優(yōu)惠政策",
         "diyu":"地域信息"
     };
     var flag = true; //決定是否進(jìn)行id增加的標(biāo)志
     for( k in data_buff ){
        if(this.cateDatas[k] == '') {
            flag = false;                
            alert("請(qǐng)選擇" + data_buff[k] + "!");
            break;
        }
     }
     if(flag) {
         this.id++;
     }
 }
當(dāng)然還可以改寫(xiě)為ES6的方式,更為簡(jiǎn)單簡(jiǎn)潔,不過(guò)這樣應(yīng)該好理解一些!
2017年6月21日 17:13
編輯回答
離觴

定義一個(gè)數(shù)組將要判斷的屬性存儲(chǔ),然后forEach遍歷數(shù)組判斷

2017年4月22日 08:23
編輯回答
笑忘初

用return

if (this.cateDatas.caijing === '') {
    alert('請(qǐng)選擇財(cái)經(jīng)新聞')
    return
}
if (this.cateDatas.redian === '') {
    alert('請(qǐng)選擇熱點(diǎn)')
    return
}
...
this.id++
2017年10月31日 16:15
編輯回答
無(wú)標(biāo)題
(this.cateDatas.caijing || alert("請(qǐng)選擇地域信息!")) &&
(this.cateDatas.redian || alert("請(qǐng)選擇優(yōu)惠政策!")) &&
(this.cateDatas.hangye || alert("請(qǐng)選擇行業(yè)資訊!")) &&
...
2018年1月22日 23:21
編輯回答
檸檬藍(lán)
//原始數(shù)據(jù)
const cateDatas = {
    caijing: '22',
    redian: ''
}
let id = 0;


//配置數(shù)據(jù)
const config = {
    caijing: '請(qǐng)輸入財(cái)經(jīng)新聞!',
    redian: '請(qǐng)輸入熱點(diǎn)聚焦!',
}

if (Object.keys(cateDatas).every(v => cateDatas[v] != '' ? true : alert(config[v]))) {
    id++;
}
2018年6月7日 21:09
編輯回答
掛念你
methods: {
  next() {
    if (!this.cateDatas.caijing) return "請(qǐng)選擇財(cái)經(jīng)新聞!";
    if (!this.cateDatas.redian) return "請(qǐng)選擇熱點(diǎn)聚焦!";
    if (!this.cateDatas.hangye) return "請(qǐng)選擇行業(yè)資訊!";
    if (!this.cateDatas.youhui) return "請(qǐng)選擇優(yōu)惠政策!";
    if (!this.cateDatas.diyu) return "請(qǐng)選擇地域信息!";

    this.id++;
  }
}
2017年8月28日 11:17