vue路由传参(学习心得)
2023-09-27 14:26:17 时间
如果组件通过query来传递num参数为1,相当与在 url 地址后面拼接参数
<template> <div> <h3>首页</h3> <router-link :to="{ path:'/home/chee', query: { num: 1} }"> <button>点击<tton> </router-link> <router-view></router-view> </div> </template>
这是子路由中通过 this.$route.query.num 来显示传递过来的参数URL显示(http://localhost:8080/#/home/chee?num=1)
<template> <h3>农药王者{{ this.$route.query.num }}</h3> </template>
相关文章
- (尚043) vue_向路由组件传递数据+vue param和query两种传参方式
- (尚043) vue_向路由组件传递数据+vue param和query两种传参方式
- Vue + element-ui 【前端项目一】控制某个页面不显示导航栏 4
- 【Vue】Vue通过路由实现父子【嵌套】功能(图文+完整代码)
- vue 3.0 项目搭建移动端 (六) 命名路由同级控制
- 不许你不懂vue生命周期
- Vue---路由跳转传参
- vue组件通信
- 单页vue路由router
- 详解vue 路由跳转四种方式 (带参数)[转载]
- vue中使用watch监听路由导致多次请求问题解决方法
- vue-router4之命名路由与命名视图
- vue-router4之路由匹配语法
- vue-router4之路由传参
- Vue中正确使用jQuery的方法
- vue-cli3项目首页加载速度优化(cdn加速,路由懒加载,gzip压缩)
- vue(1) 第一个例子