vue router 跳转报错
答案:3 悬赏:10 手机版
解决时间 2021-04-06 17:25
- 提问者网友:伴风望海
- 2021-04-05 22:28
vue router 跳转报错
最佳答案
- 五星知识达人网友:一叶十三刺
- 2021-04-05 23:00
用 vue-cli 创建的初始模板里面,并没有 vue-router,需要通过 npm 安装
cnpm i vue-router -D
安装完成后,在 src 文件夹下,创建一个 routers.js 文件,和 main.js 平级
然后在 router.js 中引入所需的组件,创建 routers 对象
import Home from './components/home.vue'const routers = [
{
path: '/home',
name: 'home',
component: Home
},
{
path: '/',
component: Home
},]
export default routers
在创建的 routers 对象中, path 配置了路由的路径,component 配置了映射的组件
需要注意的是,export default routers 必须写在文件底部,而且后面还需要接一空行,否则无法通过 ESlint 语法验证
cnpm i vue-router -D
安装完成后,在 src 文件夹下,创建一个 routers.js 文件,和 main.js 平级
然后在 router.js 中引入所需的组件,创建 routers 对象
import Home from './components/home.vue'const routers = [
{
path: '/home',
name: 'home',
component: Home
},
{
path: '/',
component: Home
},]
export default routers
在创建的 routers 对象中, path 配置了路由的路径,component 配置了映射的组件
需要注意的是,export default routers 必须写在文件底部,而且后面还需要接一空行,否则无法通过 ESlint 语法验证
全部回答
- 1楼网友:走死在岁月里
- 2021-04-06 00:46
to前面加冒号追问加了冒号还是报这个错 是这样加吗 :to="'/home'"追答:to="path:(跳转的页面)"
- 2楼网友:渡鹤影
- 2021-04-05 23:14
好像是你的/hotel路由还未在路由中定义吧。
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯