Vue.js简化es5的代码

Question

像这样的if判断代码在vue里面显得过于臃肿，该怎么优化if语句？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("请选择地域信息！")}}else{alert("请选择优惠政策！")}}else{alert("请选择行业资讯！")}}else{alert("请选择热点聚焦！")}}else{alert("请选择财经新闻！")}}}

Answer 1

//原始数据
constcateDatas={
caijing:'22',
redian:''
}
letid=0;
//配置数据
constconfig={
caijing:'请输入财经新闻！',
redian:'请输入热点聚焦！',
}
if(Object.keys(cateDatas).every(v=>cateDatas[v]!=''?true:alert(config[v]))){
id++;
}