vue实现计算属性携带参数

2022-10-18  本文已影响0人  上海_前端_求内推

后端返回的二维数组需要取出某条数据做页面绑定,处理数据时需要用到计算属性
1,heml使用

 <text v-if="msgindex('手术审批')" class="badge">{{msgindex('手术审批')}}</text>

2,js实现 :navListmsg数据格式为[{name: "手术审批", approvalCount: 1}, {name: "用血审批", approvalCount: 1}]

computed: {
            msgindex() {
                return function(parameter) {
                    let item = this.navListmsg.find(item => {
                        return item.name == parameter;
                    });
                    if(item){
                        return item.approvalCount
                    }else{
                        return false
                    }
                    
                }
            }
        },
上一篇 下一篇

猜你喜欢

热点阅读