首页 > 其他分享 >vue-router query和params 传参和接收参数

vue-router query和params 传参和接收参数

时间:2022-09-19 13:35:14浏览次数:81  
标签:传参 vue detailViewBtn defaultStr params jyayStr query

1、params 方式传递和接收参数

//传参
this.$router.push({
  name: 'checkDetailInfo',
         params:{
             fkdNum:fkdNum,
             jyayStr:jyayStr,
             defaultStr:defaultStr,
             detailViewBtn:detailViewBtn
             }
   });
 //接收参数
this.toplistInfo = this.$route.params;

2、query传参
//传参
this.$router.push({
path: '/checkDetailInfo',
query:{
fkdNum:fkdNum,
jyayStr:jyayStr,
defaultStr:defaultStr,
detailViewBtn:detailViewBtn
}
});
//接收参数
this.$route.query

标签:传参,vue,detailViewBtn,defaultStr,params,jyayStr,query
From: https://www.cnblogs.com/xuelinomen/p/16707405.html

相关文章

  • vue中导出excel文件
    1、在src目录下创建一个目录vendor,放入Export2Excel.js2、安装相关组件npminstall-Sfile-saver 用来生成文件的web应用程序npminstall-Sxlsx 电子表格格......
  • 基于.NetCore + Quartz.Net + Vue + IView开箱即用的定时任务UI
    基于.NetCore+Quartz.Net+Vue+IView开箱即用的定时任务UI。不依赖数据库,只需在界面做简单配置。地址:https://github.com/cq-panda/Quartz.NetUI ......
  • 使用Vite快速构建Vue3+ts+pinia脚手架
    一、前言vue3的快速更新,很多IT发展快的地区在22开始都已经提上日程,小编所在的青岛好像最近才有点风波。vue3的人才在青岛还是比较稀缺的哈,纯属小编自己的看法,可能小编是个......
  • 基于electron+vue+element构建项目模板之【改造项目篇】
    1、概述开发平台OS:windows开发平台IDE:vscode上一篇中已完成了electron-vue项目的创建,本篇章中则介绍在此项目基础上进行取消devtools的安装、项目结构的改造、环境变量......
  • Vue 组件插槽
    默认插槽的定义与使用<!--组件test定义--><template><button><slot>提交</slot></button></template><!--父组件调用--><template>......
  • vue中循环table表格数据,可编辑的列表(新增、删除、修改)
    原文链接:https://blog.csdn.net/qq_24441205/article/details/1261426691.如何循环如下图table表格数据(注:emerResponseDetail为整个列表定义的数据对象)因"作业人员"为......
  • vue知识点
    一、slot实现原理https://segmentfault.com/a/1190000019652989 二、keep-alive实现原理https://segmentfault.com/a/1190000021942204?sort=voteshttps://blog.csdn.ne......
  • vue3 基础-具名插槽 & 作用域插槽
    上篇对slot的基本概念和使用有一个初步的认识,即通过slot的这种设计,父组件可以在调用子组件的时候,给组件之间传递一波dom,子组件通过slot标签来进行接收.sl......
  • 前端_vue
    路由怎么传参,有哪几种方式?第一种:需要在路由配置this.$router.push({//传参path:`/chat/${session.id}`,})路由配置{path:'/chat/:sessionId',nam......
  • 【VSCode】vue中配置@的自动提示
    1、效果2、安装插件插件名称:PathAutocomplete3、打开setting.json文件4、setting.js文件里新增配置//导入文件时是否携带文件的扩展名"path-autocomp......