vueJS如何在v-if上通过json对象key判断一个值是否在一个json对象存在

奔跑的小菜鸟 发布于 2017/02/08 17:14
阅读 4K+
收藏 1
<template v-for="(item,index) in $router.options.routes"
          v-if="!item.hidden">
    <el-submenu :index="index+''" v-if="!item.leaf">
        <template slot="title"><i :class="item.iconCls"></i>{{item.name}}{{item.id}}</template>
        <el-menu-item v-for="child in item.children" :index="child.path" v-if="!child.hidden">
            <i :class="child.iconCls"></i>{{child.name}}{{child.id}}
        </el-menu-item>
    </el-submenu>
    <el-menu-item v-if="item.leaf&&item.children.length>0" :index="item.children[0].path"><i
            :class="item.iconCls"></i>{{item.children[0].name}}
    </el-menu-item>
</template>

如上代码,从后台同时获取了一个resMap的json对象格式如下:

{"76a81c182c9e4368a04ff6976fa40b73":"76a81c182c9e4368a04ff6976fa40b73","2b5e18564c7f4b26be78bdf97e9c1a27":"/main"}

这里的item上有一个id属性,现在想在v-if上判断item.id是否在resMap存在,也就是resMap是否存在key=item.id,这里应该如何做

加载中
0
ruanjf
ruanjf

可以用这个试试

<template v-if="Object.keys(resMap).indexOf(item.id) > -1">
</template>

 

0
假正经哥哥
假正经哥哥

v-if="resMap.hasOwnProperty(item.id)"

返回顶部
顶部