美文网首页
vue实现计算属性携带参数

vue实现计算属性携带参数

作者: 上海_前端_求内推 | 来源:发表于2022-10-18 15:22 被阅读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
                    }
                    
                }
            }
        },

相关文章

网友评论

      本文标题:vue实现计算属性携带参数

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