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>
目录
相关文章
|
2月前
|
JavaScript 前端开发 Java
javascript是弱类型语言,一个函数参数可以接收不同类型的变量作为它的该参数
javascript是弱类型语言,一个函数参数可以接收不同类型的变量作为它的该参数
32 0
|
2月前
|
存储 JSON JavaScript
Node.js 上开发一个 HTTP 服务器,监听某个端口,接收 HTTP POST 请求并处理传入的数据
Node.js 上开发一个 HTTP 服务器,监听某个端口,接收 HTTP POST 请求并处理传入的数据
|
存储 JavaScript 前端开发
(小说版)【简历优化平台-4】js魔改文件上传,django轻松接收
(小说版)【简历优化平台-4】js魔改文件上传,django轻松接收
Nuxt.js路由参数传递和接收
Nuxt.js路由参数传递和接收
107 0
|
JavaScript
node.js:Inquirer.js接收命令行交互输入
node.js:Inquirer.js接收命令行交互输入
269 0
node.js:Inquirer.js接收命令行交互输入
Nuxt.js路由参数传递和接收
Nuxt.js路由参数传递和接收
|
JavaScript 前端开发 Java
Java、Python、PHP、JavaScript函数接收不定参数
Java、Python、PHP、JavaScript函数接收不定参数
100 0
|
JavaScript
js之接收函数返回的多个结果
在下面的代码中,我们从/post中获取一个帖子,然后在/comments中获取相关评论。由于我们使用的是async/await,函数把返回值放在一个数组中。而我们使用数组解构后就可以把返回值直接赋给相应的变量
5816 0