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 存储 数据库
创建SQL Server视图
【8月更文挑战第19天】创建SQL Server视图
308 1
|
关系型数据库 MySQL Linux
关系型数据库mysql的跨平台支持
【6月更文挑战第12天】
593 1
【嵌入式】虚拟机未能将管道连接到虚拟机: 系统找不到指定的文件
【嵌入式】虚拟机未能将管道连接到虚拟机: 系统找不到指定的文件
399 0
|
Java 数据安全/隐私保护 Ruby
Rails 4.1 发布:Spring、Variants、Enums、Mailer 预览、secrets.yml
4月8日,Ruby on Rails 4.1 新鲜出炉!虽然从 4.0 到 4.1 只是一个小版本号升级,但实际上其中包含了大量的新特性,小版本号只意味着这个版本避免不向后兼容的改动而已。让我们看下Rails 4.1 的新特性吧!
256 0
Rails 4.1 发布:Spring、Variants、Enums、Mailer 预览、secrets.yml
|
Shell 测试技术 API
Android自动化测试之Monkeyrunner使用方法及实例
目前Android SDK里自带的现成的测试工具有monkey 和 monkeyrunner两个。大家别看这俩兄弟名字相像,但其实是完完全全不同的两个工具,应用在不同的测试领域。总的来说,monkey主要应用在压力和可靠性测试上,运行该命令可以随机地向目标程序发送各种模拟键盘事件流,并且可以自己定义发送的次数,以此观察被测应用程序的稳定性和可靠性,应用起来也比较简单,记住那几个命令就行了。
2776 0
|
5天前
|
数据采集 人工智能 安全
|
15天前
|
云安全 监控 安全