router-lin导致mdui选项卡不能正常切换

weixin_45749016 2021-02-18 10:26:51

我有vue的router-link路由跳转到一个mudi选项卡页面，结果是这样的，怎么让他实现切换呢？
这个是不能切换的效果，路由是走了倒是页面没有跳转，好像是display:none 失效了

...全文

965 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

多个router-view视图嵌套： 1，除了app.vue中的router-view之外，还有其他的嵌套在router-view中的router-view视图，子路由写在router.js children中 app.vue <template> <div id="app"> <router-view></router-view&gt...

1、router-view 和 router-link 的区别 1.router-link和router-view在同一个vue文件（A.vue）里面， 2. router-link设置路由跳转， // <router-link :to="'/url/'"> <li> <a>login</a> </li> 3.，在router/index.js上设置路由 // { path: '/ur...

在vue2.0中，原来的v-link指令已经被<router-link>组件替代了 <router-link>组件支持用户在具有路由功能的应用中点击导航。通过to属性指定目标地址，默认渲染为带有正确连接的<a>标签，可以通过配置tag属性生成别的标签。另外，当目标路由成功激活时，链接元素自动设置一个表示激活的css类名 <router-link>...

router-link和router-view在同一个vue文件（A.vue）里面，router-link设置路由跳转，router-view根据路由显示组件在同一个页面中，A.vue组件是全局的页面，B.vue组件和C.vue组件是A页面中的一部分 1，router-link设置路由跳转 <router-link :to="'/url/'"> <li> <a>goto</a> </li> </.

路由切换时，选中哪个路由，这个路由就被激活，当前页面所有与此路由匹配的链接（父级/子级）都会被加上这个class：router-link-active，绑定的css样式也就生效了与exact（严格模式）属性配合使用，只匹配被选中的那个链接，相关的链接不会被匹配到 <template> <nav> <ul> <li><router-link to="/" exact>博客</router-lin

移动开发其他问题

790

社区成员

13,285

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章