nuxt页面跳转_Nuxt.js的路由跳转操作(页面跳转nuxt-link)

本文详细介绍了Nuxt.js中的页面跳转操作,重点讲解了nuxt-link的使用,强调了目录命名应全小写以避免路由问题。同时,提到了路由鉴权的概念,以及动态路由在实现页面内容切换中的应用。通过实例展示了如何创建和配置嵌套路由,以实现在导航栏点击时加载不同组件展示不同页面内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Nuxt.js的路由跳转操作(页面跳转nuxt-link)

路由跳转代码如下:

  • HOME page
  • NEWS page
  • PLAY page

注意说明:

to 前面有冒号“ : ”

to 后面跟的是路径比如“/page/index”(可以跟字符串或对象)同上↑

补充知识:nuxt的 nuxt-link 有个坑

如果你跟着nuxt的案例走,记住 ,所以目录 比如 PAGES 目录 你最好小写 pages 所有目录都小写

因为 当你敲下面哪行代码 时

{ { post.title }}

name其实指向的是路由,而路由死活区分大小写的 注意 to后面区分大小写!!!

所以如果你目录是 大写的 PAGES

以上代码要写成

{ { post.title }}

以上这篇Nuxt.js的路由跳转操作(页面跳转nuxt-link)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

时间: 2020-11-03

路由鉴权: 就是判断这个路由当前浏览者是否需要权限访问. 一般我是通过判断cookie中存储的token来判断的. 在middleware文件夹下新建"auth.js"的文件 在当前auth.js文件内判断cookie中是否包含token字段 import getCookie from '~/utils/getCookie' export default function ({route, req, res, redirect}) { let isClient = process.cl

在上一个

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值