Vuejs2 VueJs 2从json获取数据以进行导航

我已将以下json提取到我的导航for循环中。 这是可行的，但当我将

{{item.navitems.navitem.name}

粘贴到“”中时，我收到了此错误

我怎样才能在工作中做到这一点

错误：

循环：

---

您似乎需要一个空检查，如下所示：

<ul class="nav navbar-nav">
    <li v-for="item in items">
        <router-link v-if="item.navitems && item.navitems.navitem" :to="item.navitems.navitem.name" tag="li" active-class="active">
             <a>{{item.navitems.navitem.name}}</a>
        </router-link>
    </li>
</ul>

{{item.navitems.navitem.name}

编辑：根据par建议，使其更加简洁：

<ul class="nav navbar-nav">
    <router-link v-for="item in items" v-if="item.navitems && item.navitems.navitem" :to="item.navitems.navitem.url" tag="li" active-class="active" exact>
        <a>{{item.navitems.navitem.name}}</a>
    </router-link> 
</ul>

{{item.navitems.navitem.name}

请删除第一个li，将v-for放入路由器链接并添加精确的。{{item.navitems.navitem.name}@Bas感谢您让它变得更好：）

<ul class="nav navbar-nav">
    <li v-for="item in items">
        <router-link v-if="item.navitems && item.navitems.navitem" :to="item.navitems.navitem.name" tag="li" active-class="active">
             <a>{{item.navitems.navitem.name}}</a>
        </router-link>
    </li>
</ul>

<ul class="nav navbar-nav">
    <router-link v-for="item in items" v-if="item.navitems && item.navitems.navitem" :to="item.navitems.navitem.url" tag="li" active-class="active" exact>
        <a>{{item.navitems.navitem.name}}</a>
    </router-link> 
</ul>