当前位置:网站首页>router---编程式导航
router---编程式导航
2022-08-04 12:59:00 【monstkl】
一、编程式导航和声明式导航
声明式:<router-ling to="">
编程式: router.push('')
二、编程式导航的方法
1、push 导航到不同位置
2、replace
3、 go(n) 参数为整数,可正可负
导航的方法会返回一个promise来告诉导航是否成功
三、编程式导航方法(push、replace)的参数:字符串 | 对象
1、字符串
router.push('/detail')
2、对象(提供了path,params就会被忽略)
router.push({path: '/detail'})
router.push({path: '/detail', query:{}})
router.push({name: 'detail', params:{}}) // 这里的name对应路由配置中的name,大小写敏感
四、在组件中接受导航时传递的参数
route.query.xx
route.params.xx
五、params参数不会显示在地址栏,除非路由里配置了路径参数
边栏推荐
- LeetCode_424_替换后的最长重复字符
- Motion Regulations (18) - and check the basic questions - gang
- 持续交付(三)Jenkinsfile语法使用介绍
- postgre 支持 newsql 特性可行性有多大?
- Unity 3D模型展示框架篇之资源打包、加载、热更(Addressable Asset System | 简称AA)
- 获取本机IP地址的脚本
- 新消费、出海、大健康......电子烟寻找“避风港”
- 微信小程序使用腾讯云对象储存上传图片
- 双目立体视觉笔记(三)三角测量、极线校正
- SCA兼容性分析工具(ORACLE/MySQL/DB2---&gt;MogDB/openGauss/PostgreSQL)
猜你喜欢
随机推荐
面试官:连 INSERT INTO SET 都不知道怎么用,你这3年都干些什么了?
【黑马早报】尚乘数科上市13天,市值超阿里;北大终止陈春花聘用合同;新东方花近200亿退学费和遣散费;张小泉75%产品贴牌代工...
【牛客刷题-SQL大厂面试真题】NO5.某宝店铺分析(电商模式)
持续交付(三)Jenkinsfile语法使用介绍
Js获取当前页面url参数
MogDB/openGauss 3.0 扩容及缩容
RT-Thread stm32 基础记录
String is a reference type
redis未授权访问漏洞【vulhub靶场】复现
Script to get local IP address
双目立体视觉笔记(三)三角测量、极线校正
【PHP实现微信公众平台开发—基础篇】第2章 微信公众账号及申请流程详解
Opencv学习之ORB特征提取和匹配
程序猿七夕礼物-如何30分钟给女朋友快速搭建专属语聊房
【软考 系统架构设计师】软件架构设计② 软件架构风格
双目立体视觉学习笔记(一)
罗振宇的A股梦,咋这么难圆?
Ultra-QuickSort
PMP每日一练 | 考试不迷路-8.4(包含敏捷+多选)
用VbScript控制光驱