vue组件之间通过query传递参数
2024-09-05 12:27:36
需求:
从 任务列表进入 任务详情 ,向详情页传递当前 mission_id 值
路由关系:
//查看任务列表
{
path: '/worklist',
name: 'worklist',
component: worklist,
},
//任务详情
{
path: '/workdetails',
name: 'workdetails',
meta: {
requireAuth: true //需要先登录
},
component: workdetails
},
worklist.vue传递
<router-link :to="{
path: '/workdetails',
query: {
mission_id: index.mission_id //当前missionID
}
}"
class="aaalistlink">
<el-button icon="el-icon-search" circle type="danger" class="check"></el-button>
</router-link>
workdetails.vue 中接收参数
var data = {
mission_id : this.$route.query.mission_id, //传递的missionID
user_id : this.$store.state.user_id
}
最新文章
- mysql代码执行漏洞
- nfs服务部署记录
- 统计学习方法笔记 Logistic regression
- Linux lsof详解
- 无法解决 equal to 运算中 ";Chinese_PRC_CI_AS"; 和 ";Chinese_PRC_90_CI_AI"; 之间的排序规则冲突。的解决方法
- 2013山东省“浪潮杯”省赛 A.Rescue The Princess
- eclipse集成jetty开发web项目(不采用maven方式)
- Java线程的几种状态
- Android音频焦点详解(上)
- 【转】开源中国上看到的一个vim的自动配置的好东西,分享下
- Java简单工厂模式以及来自lambda的优化
- ubuntu6.04下安装Eclipse for C/C++ Development
- vim 多行缩进
- mac搭建简单的hls推流服务器遇到的问题(待更新)
- SQL动态长度行列转置
- _ZNote_Qt_添加图标方法
- Crontab和sudo中无法使用TensorFlow ImportError libcublas.so.9.0
- Unity教程之-UGUI美术字体的制作与使用
- 关于vs调用数据库存储过程 返回输出参数的一些总结
- RSA加密工具类(非对称加密算法)