Nuxt.js路由参数传递和接收

简介: Nuxt.js路由参数传递和接收

路由页面目录:

pages
    detail/
        _id.vue

注意这里路由name的值是: detail-id

参数传递

<nuxt-link :to="{name: 'detail-id', params:{id: id}, query: {key, value}}"></nuxt-link>

或者

this.$router.push({ name: 'detail-id', params:{id: 10}, query: {key, value}})

接收参数

created () {

this.$route.query.key
this.$route.params.id
},


asyncData ({ app, query, params}) {
query.key
params.id
}

参考

nuxt路由及传参

            </div>
目录
相关文章
|
SQL Java 数据库连接
利用mybatis对数据库中的数据进行增删改查操作~
利用mybatis对数据库中的数据进行增删改查操作~
243 0
|
人工智能 自然语言处理 安全
魔搭社区每周速递(12.08-12.14)
魔搭ModelScope本期社区进展:新增1599个模型,46个数据集,67个创新应用,8篇内容
425 7
魔搭社区每周速递(12.08-12.14)
|
机器学习/深度学习 IDE 开发工具
快速部署 Jupyter Notebook 社区版
Jupyter Notebook 是一个强大且灵活的工具,特别适用于数据科学、机器学习、教学和科研等领域。本文介绍如何使用阿里云计算巢服务快速部署Jupyter Notebook 社区版。
快速部署 Jupyter Notebook 社区版
|
网络架构
为什么udp流设置1316字节
为什么udp流设置1316字节
338 0
|
JavaScript 前端开发 IDE
TypeScript在大型前端项目中的价值与实践策略
【4月更文挑战第6天】本文探讨了TypeScript在大型前端项目中的价值和实践策略。 TypeScript通过静态类型检查、代码提示、接口与泛型提高代码质量和开发效率。它支持最新JS语法,拥有广泛社区支持。实践策略包括逐步迁移、制定类型规范、利用IDE、维护类型定义文件以及集成自动化测试。通过培训和知识分享,团队能更好地应用TypeScript,打造高质量、可维护的前端项目。
190 1
|
Java Linux Maven
设置 Maven 环境变量
配置Maven环境变量涉及Windows、Linux和Mac。在Windows上,需新建系统变量`MAVEN_HOME`,值为Maven安装路径,编辑`Path`添加`%MAVEN_HOME%\bin`。在Linux中,下载解压Maven后移动到`/usr/local/`,编辑`/etc/profile`添加`MAVEN_HOME`和`PATH`。在Mac上,类似Linux操作,下载解压后移动到`/usr/local/`,编辑`/etc/profile`。最后,通过`mvn -v`检查是否安装成功。
|
小程序 开发者
uniapp运行到开发者工具中
uniapp运行到开发者工具中
268 0
|
关系型数据库 Linux 块存储
CentOS7.5 手动部署ceph
1  环境配置 1.1  设备列表   功能 主机名 IP mon node1 192.168.1.10 mon node2 192.168.
9822 0
|
Java 应用服务中间件
【Servlet】超详细开发步骤|在idea上配置Tomcat|网页显示当前系统时间(上)
【Servlet】超详细开发步骤|在idea上配置Tomcat|网页显示当前系统时间
620 1
|
jenkins 持续交付 开发工具
问题记录:jenkins扫描不到分支
问题记录:jenkins扫描不到分支
410 0
问题记录:jenkins扫描不到分支