VUE-010-通过声明式导航 router-link 传递 params 参数(路由 name 识别,请求链接不显示参数传递)
2023-09-11 14:18:59 时间
在前端页面表单列表修改时,经常需要在页面切换的时候,传递需要修改的表单内容,除了通过路由进行表单参数的传递,也可通过声明式导航 router-link 进行页面跳转和参数传递。
首先,配置页面跳转路由。路由配置与通过 router.push 进行页面跳转的方式一样,没有任何区别。
其次,在相应需要进行页面跳转的地方添加相应的 router-link 配置。如下所示:
再次,在跳转后页面添加相应的获取传递的参数信息即可。即可 $route.params 获取。
相关文章
- Vue笔记:vue项目引入bootstrap、elementUI、echarts
- MEVN 架构(MongoDB + Express + Vue + NODEJS)搭建
- VUE - vuex state的使用
- django-vue 混合开发
- vue之cli脚手架项目中组件的使用
- vue-loader的简单例子
- 前后端项目部署-6, flask+Gunicorn+gevent+supervisor+nginx+redis+mysql+mongodb+vue,docker-compose部署
- vue.js3:色调色相调整并保存(vue@3.2.37)
- vue-router+vuex实现加载动态路由和菜单
- [Vue @Component] Simplify Vue Components with vue-class-component
- Vue.js3: 页面打开前实现图片全部预加载(vue@3.2.33)
- vue事件修饰符:v-once只执行一次
- Vue入门教程:node安装vue命令行工具及启动项目
- [FAQ] Vue 如何控制标签元素的某个属性的显示 ?
- ASP.NET Core微服务(四)——【静态vue使用axios解析接口】
- Vue组件间的传值五大场景,你造吗?
- 基于 Vue.js 的移动端组件库mint-ui实现无限滚动加载更多
- 前端MVC Vue2学习总结(二)——Vue的实例、生命周期与Vue脚手架(vue-cli)
- Vue(二)vue 指令及用法举例
- 基于Java+SpringBoot+Vue+uniapp前后端分离图书阅读系统设计与实现
- vue脚手架搭建2022年6月版本(保姆级-直接到路由使用)