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>
目录
相关文章
|
安全 Java 数据安全/隐私保护
Spring Security 6.x 一文快速搞懂配置原理
本文主要对整个Spring Security配置过程做一定的剖析,希望可以对学习Spring Sercurity框架的同学所有帮助。
961 5
Spring Security 6.x 一文快速搞懂配置原理
|
缓存 关系型数据库 MySQL
Linux环境变量设置(PATH/LIBRARY_PATH/LD_LIBRARY_PATH)
Linux环境变量设置(PATH/LIBRARY_PATH/LD_LIBRARY_PATH)
9622 0
|
Java 索引 Spring
Spring的依赖注入以及注入方式详解
Spring的依赖注入以及注入方式详解
|
安全 应用服务中间件 网络安全
Nginx中安装免费SSL证书开启Https请求(上)
在部分场景中,我们必须使用 https 请求,因为 https 请求更为安全,常用于支付方面的请求调用
368 0
Nginx中安装免费SSL证书开启Https请求(上)
|
Linux 数据安全/隐私保护 Docker
centos7下docker搭建gitlab-ce中文版
centos7下docker搭建gitlab-ce中文版
2610 0
centos7下docker搭建gitlab-ce中文版
|
6天前
|
数据采集 人工智能 安全
|
15天前
|
云安全 监控 安全