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


Posted in Javascript onNovember 06, 2020

路由跳转代码如下:

<ul>
 <li><nuxt-link :to="{name:'index.vue'}">HOME page</nuxt-link></li>
 <li><nuxt-link :to="{name:'new-new'}">NEWS page</nuxt-link></li>
 <li><nuxt-link :to="{name:'plays-play'}">PLAY page</nuxt-link></li>
</ul>

注意说明:

to 前面有冒号“ : ”

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

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

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

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

<nuxt-link :to="{name: 'posts-id',params:{ id: post.id }}">{{ post.title }}</nuxt-link>

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

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

以上代码要写成

<nuxt-link :to="{name: 'POSTS-id',params:{ id: post.id }}">{{ post.title }}</nuxt-link>

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

Javascript 相关文章推荐
神奇的代码 通杀各种网站-可随意修改复制页面内容
Jul 17 Javascript
javascript或asp实现的判断身份证号码是否正确两种验证方法
Nov 26 Javascript
基于jquery的商品展示放大镜
Aug 07 Javascript
禁止IE用右键的JS代码
Dec 30 Javascript
JS实现浏览器状态栏文字闪烁效果的方法
Oct 27 Javascript
前端 Vue.js 和 MVVM 详细介绍
Dec 29 Javascript
jquery与ajax获取特殊字符实例详解
Jan 08 Javascript
JS实现无缝循环marquee滚动效果
May 22 Javascript
微信小程序实现即时通信聊天功能的实例代码
Aug 17 Javascript
浅谈Express.js解析Post数据类型的正确姿势
May 30 Javascript
如何使用原生Js实现随机点名详解
Jan 06 Javascript
vue elementUI批量上传文件
Apr 26 Vue.js
Nuxt的路由配置和参数传递方式
Nov 06 #Javascript
nginx配置域名后的二级目录访问不同项目的配置操作
Nov 06 #Javascript
Jquery Fade用法详解
Nov 06 #jQuery
nuxt静态部署打包相对路径操作
Nov 06 #Javascript
全网小程序接口请求封装实例代码
Nov 06 #Javascript
微信小程序实现自定义动画弹框/提示框的方法实例
Nov 06 #Javascript
微信小程序自定义tabBar的踩坑实践记录
Nov 06 #Javascript
You might like
smarty+adodb+部分自定义类的php开发模式
2006/12/31 PHP
php error_log 函数的使用
2009/04/13 PHP
php连接mssql的一些相关经验及注意事项
2013/02/05 PHP
php函数指定默认值方法的小例子
2013/12/04 PHP
php5.3以后的版本连接sqlserver2000的方法
2014/07/28 PHP
php创建session的方法实例详解
2015/01/27 PHP
ThinkPHP框架实现的邮箱激活功能示例
2018/06/15 PHP
JQuery 技巧和窍门整理(8个)
2010/04/22 Javascript
关于COOKIE个数与大小的问题
2011/01/17 Javascript
jquery判断浏览器类型的代码
2012/11/05 Javascript
jQuery 追加元素的方法如append、prepend、before
2014/01/16 Javascript
理解Javascript的动态语言特性
2015/06/17 Javascript
JS中创建函数的三种方式及区别
2016/03/13 Javascript
javascript基本语法
2016/05/31 Javascript
jQuery简单创建节点的方法
2016/09/09 Javascript
不使用script导入js文件的几种方法
2016/10/27 Javascript
iscroll实现下拉刷新功能
2017/07/18 Javascript
node中的session的具体使用
2018/09/14 Javascript
jQuery+Datatables实现表格批量删除功能【推荐】
2018/10/24 jQuery
Vue实现远程获取路由与页面刷新导致404错误的解决
2019/01/31 Javascript
JS栈stack类的实现与使用方法示例
2019/01/31 Javascript
jquery使用echarts实现有向图可视化功能示例
2019/11/25 jQuery
JavaScript实现音乐导航效果
2020/11/19 Javascript
[04:49]期待西雅图之战 2016国际邀请赛中国区预选赛WINGS战队赛后采访
2016/06/29 DOTA
Python中的包和模块实例
2014/11/22 Python
K-近邻算法的python实现代码分享
2017/12/09 Python
Python基于pandas实现json格式转换成dataframe的方法
2018/06/22 Python
Series和DataFrame使用简单入门
2019/11/13 Python
YUV转为jpg图像的实现
2019/12/09 Python
Python flask框架实现查询数据库并显示数据
2020/06/04 Python
如何利用find命令查找文件
2016/11/18 面试题
为什么要用EJB
2014/04/17 面试题
董事长秘书岗位职责
2013/11/29 职场文书
遥感技术与仪器求职信
2014/02/22 职场文书
2014年社区计生工作总结
2014/11/18 职场文书
MyBatis-Plus 批量插入数据的操作方法
2021/09/25 Java/Android