vue项目更关于if-else的优化问题

时间: 2019-12-17 17:59:34     标签: javascript  vue.js  前端  大牛     

按钮有三种状态,状态1,状态2,状态3,
一共头五组数据,
data:{

"a":{
    "type":1,
    "state":1
},
"b":{
    "type":1,
    "state":1
},
"c":{
    "type":1,
    "state":1
},
"d":{
    "type":1,
    "state":1
},
"e":{
    "type":1,
    "state":1
},

}
我现在是if(type==1){

if(state == 1){
    return '状态1'
}else if(state==2){
     return '状态2'
}else if(state ==3){
  return '状态3'    
}

}else if(type==2){

if(state == 1){
return '状态1'
}else if(state==2){
return '状态2'
}else if(state ==3){
 return '状态3'
}

} .....以下省略
请问有没有更好的方法解决if else 的问题

最佳答案

无论是使用过滤器还是建立一个方法都行
`
getState(state){

let stateMap={
    1:'状态1',
    2:'状态2',
    3:'状态3',
    4:'状态4',
    5:'状态5',
}
return stateMap[state] || ''

}
`