vue filters过滤 多个状态文字显示

2021-05-22  本文已影响0人  吃肉肉不吃肉肉
<view v-for="(item,index) in data" :key="index">
    {{ item | num }}
</view>
// filters与methods同级
data() {
  return {
    data: [0,1,2,3,4]
  }
},
filters:{
            num (v) {
                if ( v === 0) {
                    return '未发货'
                } else if (v === 1) {
                    return '已揽收'
                } else if (v === 2) {
                    return '运输中'
                } else if (v === 3) {
                    return '派送中'
                } else {
                    return '已签收'
                }
            }
        },
效果:
image.png
上一篇 下一篇

猜你喜欢

热点阅读