vue element ui跳转页获取跳转前页面列表里的行id
后台管理系统经常要用到列表,在列表的每一行经常需要做编辑操作,自己做项目的时候,编辑页用了一个新的隐藏页,通过路由加载,隐藏页需要获取前一页当前行的id,可以在跳转时携带一个行参数id,通过this.$route.query.id来获取:
跳转前页面HTML
<el-table-column fixed="right" label="选择商品" width="100"><template scope="scope"><el-button size="small" type="warning" @click="chooseProduct(scope.$index, scope.row)">选择商品</el-button></template>
</el-table-column>
跳转前页面methods方法
chooseProduct(index, row) {this.$router.push({ name: 'product_select', query: { id: row.id }})
}
跳转后获取id:
const peasantId=this.$route.query.id
注意:此时传送的id数据类型为string
vue element ui跳转页获取跳转前页面列表里的行id相关推荐
- Vue + Element UI 表格分页记忆选中,分页切换 页面打勾不丢失
方法一: 官方也有基于这种操作给出通过属性解决的方法: <el-table :row-key="rowKey"><el-table-column type=&qu ...
- 【vue开发问题-解决方法】(五)vue Element UI 日期选择器获取日期格式问题 t.getTime is not a function
[vue开发问题-解决方法](五)vue Element UI 日期选择器获取日期格式问题 t.getTime is not a function 参考文章: (1)[vue开发问题-解决方法](五) ...
- 【Vue+Element UI】关闭指定某一个页面的loading动画
[Vue+Element UI]关闭指定某一个页面的loading动画 模板:vue-admin-template v4.4.0 问题描述:由于vue-admin默认配置了全局loading,所以页面 ...
- 【前端】Vue+Element UI案例:通用后台管理系统-用户管理:Table表格增删查改、Pagination分页、搜索框
文章目录 目标 代码 0.结构 1.按钮-删除 2.按钮-编辑 3.debug 4.样式 5.分页Pagination:功能 6.分页Pagination:样式 7.搜索框:功能 8.搜索框:样式 总 ...
- 【前端】Vue+Element UI案例:通用后台管理系统-代码总结(已开源)
文章目录 前言 项目文件目录 api mockServe home.js permission.js index.js mock.js user.js assert components Common ...
- 基于vue(element ui) + ssm + shiro 的权限框架
zhcc 基于vue(element ui) + ssm + shiro 的权限框架 引言 心声 现在的Java世界,各种资源很丰富,不得不说,从分布式,服务化,orm,再到前端控制,权限等等玲琅满目 ...
- 【前端】Vue+Element UI案例:通用后台管理系统-用户管理:Form表单填写、Dialog对话框弹出
文章目录 目标 代码 0.页面结构 1.新增按钮和弹出表单:结构 2.新增按钮和弹出表单:点击新增弹出表单 3.表单样式 4.表单验证 5.表单的提交和取消功能:接口.mock相关准备 6.表单的提交 ...
- 【前端】Vue+Element UI案例:通用后台管理系统-登陆不同用户显示不同菜单、动态添加路由
文章目录 目标 代码 0.动态地显示菜单:store 1.动态注册路由 2.解决刷新后摆平问题 总代码 本篇修改的代码文件 tab.js 参考视频: VUE项目,VUE项目实战,vue后台管理系统,前 ...
- Vue + Element UI 实现 登陆注册基本demo实例
Vue + Element UI 实现权限管理系统 前端篇(二):Vue + Element 案例 导入项目 打开 Visual Studio Code,File --> add Folder ...
最新文章
- Java compiler level does not match the version of the installed Java project facet.
- 在 Kubuntu 21.04 中安装和升级 KDE Plasma 5.2
- 配置spring-mvc + simple-spring-memcached
- pythonexe32位-如何使用pyinstaller打包32位的exe
- javascript原生事件句柄、BOM、DOM对象属性方法总结
- python大纲图_Python课程大纲
- Light oj 1214-Large Division (同余定理)
- 小米发布2021年第二季度财报:小米手机二季度平均售价1116.7元
- java开发和测试的不同_一些基础的面试的java知识,普及下。开发和测试都用得到。...
- CPU 架构 —— ARM 架构
- Ubuntu source list
- rgv动态调度MATLAB代码,RGV动态调度分析
- 双击计算机文档,电脑双击文件都是打开属性窗口怎么办
- 真的有必要读研究生吗?
- 电脑linux 开启热点hostapt,在Ubuntu系统的电脑上开启无线热点全攻略
- Altium Designer18之修改画图光标大小
- java 操作word中表格_Java 使用Spire.Cloud.Word给Word文档添加表格
- python 上传图片到七牛云上
- 老程序员的经验:应该怎么培养编程思维?
- Android自动股票,腾讯股票自选股 Android 版上线 - YangJunwei