<template> <div
v-for="(item, index) in formatInfo"
:key="index"
class="result-progressBox">
<div class="result-progress">
<div class="result-progresstName">{{item.state}}</div>
</div>
</div></template>
<script>
export default {
data () {
return {
info: this.$store.state.IndexStore.Progress.cardSchedule //假設這里得到的格式就會上面的數組對象格式
}
}
computed: {
formatInfo () {
this.info.map((current, index) => {
switch (current.state) {
case '0': current.state = '辦理中'
break
case '1': current.state = '已辦結'
break
case '2': current.state = '已中止'
break
}
})
}
},
}
</script>我從后臺拿到一段數據,是一段數組對象,格式如下:[{name: 'a', state: 0}, {name: 'b', state: 1}, {name: 'c', state: 2}]我需要在循環中判斷它的state來給定不同的文字提示例如:0------就是辦理中1------就是已結辦2------就是已中止我這么寫得不到我想要的效果,看不到‘辦理中’等狀態 只能渲染出來1 或者 0 或者 2### 問題描述
vue中如何實現三種狀態的數據判斷?
紅顏莎娜
2018-07-18 18:30:31