vue-router子路由默认视图不显示

路由结构

https://img.mukewang.com/5bdfb1150001907c03610289.jpg

2.视图结构

一级路由
          <li><router-link :to="{name:'home'}" tag="a">待支付订单</router-link></li>
          <li><router-link :to="{name:'all'}" tag="a">所有订单</router-link></li>
          <li><router-link :to="{name:'my'}" tag="a">我的债权</router-link></li>
          <li><router-link :to="{name:'apply'}" tag="a">申请债权</router-link></li>
二级路由
        <span style="margin-left: 30px"><router-link :to="{name:'cr'}">债权方</router-link></span>
        <span><router-link :to="{name:'dt'}">债务方</router-link></span>

3.警告提示

[vue-router] Named Route 'my' has a default child route.
          When navigating to this named route (:to="{name: 'my'"), the default child route will not be rendered.
          Remove the name from this route and use the name of the default child route for named links instead.

4.最后出现了子路由的默认视图不显示,但是也没有报错,想问下这到底是哪有问题


慕森卡
浏览 2072回答 1
1回答

萧十郎

要有默认子路由,那父路由的名字name得去掉
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript