美文网首页
vue filters过滤 多个状态文字显示

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

作者: 吃肉肉不吃肉肉 | 来源:发表于2021-05-22 14:36 被阅读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

相关文章

网友评论

      本文标题:vue filters过滤 多个状态文字显示

      本文链接:https://www.haomeiwen.com/subject/engnjltx.html