vue路由跳转没有router_view可以跳转吗,vue动态路由跳转报错
本文主要介绍vue路由跳转但界面不显示的问题及解决方法。有很好的参考价值,希望对大家有所帮助。如有错误或不足之处,请不吝赐教。
目录
路由跳了,但是界面没有显示路由。页面配置的很清楚,但是还是没有显示出来。
路由跳转了但界面不显示
如果没有父路由,添加router-view和以下代码。
!-此处将显示路线匹配的组件-
路由器视图/路由器视图
路由明明配置好了页面还是不显示
在开发vue项目时,vue-router用于路由旧故障。
问题代码
Vue.use(VueRouter)
var routeslist=[
{
路径:“/”,
重定向:“/home”
},//配置路由,这里是一个数组
{//每个链接都是一个对象。
路径:“/home”,//链接路径
名称: home ,//路由名称,
组件:索引//对应的组件模板
}
]
const router=new VueRouter({
路由列表
})
新Vue({
路由器:路由器,
render: h=h(App),
}).$ mount(“# app”)
解决
使用路线时,如果不符合命名规范,则必须添加参数名称。
-注意~不仅是这里,还有这里
新Vue({
路由器,
render: h=h(App),})
当Vuerouter的对象名不是router时,如何添加参数名?
路由器:路由器,
//指定为路由
const router=new VueRouter({
路线:路线列表
})
以上个人经历,希望能给大家一个参考,也希望大家多多支持我们。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。