vue跳转页面传递参数的三种方法

news/2024/7/10 0:30:12 标签: vue, vue.js

vue中this.$router.push()路由传值和获取的两种常见方法
path不能和params一起使用,否则params将无效。需要用name来指定页面。
使用params传参要用name不能使用path
只是大概的介绍一下,如果想看详细的参数用法可以查看我下面的文章
https://blog.csdn.net/style201904/article/details/102605338

第一种方法query传参

this.$router.push({path:'/business',query:{wholesaler:this.wholesaler}});
页面获取参数:this.$route.query.wholesaler

第二种方法name传参

this.$router.push({name:'shoppingCart',path:'/shoppingCart'})
页面获取参数:this.$route.query.name

第三种方法params传参

this.$router.push({name:'user', params:{userId: '123'}})
页面获取参数:this.$route.params.userId

http://www.niftyadmin.cn/n/734120.html

相关文章

ASP.NET MVC从视图传参到控制器的几种形式

1. 传递数组 $(function () {var value ["C#", "JAVA", "PHP"];$("input[typebutton]").click(function () {$.ajax({url: "/Home/List",type: "Get",data: { valuelist: value },traditional: true, //必须设置…

LWN:简单又高效!利用bpftrace分析kernel行为

点击上方蓝色字关注我们~Kernel analysis with bpftraceJuly 18, 2019本文由 Brendan Gregg 提供在2019 Linux Storage, Filesystem, and Memory-Management Summit (LSFMM)峰会里,我有一个keynote介绍了我使用bpftrace在Netflix server上debug过程中,利…

LWN:怎样防范强大黑客组织攻击软件更新系统?

点击上方蓝色字关注我们~Protecting update systems from nation-state attackersBy Jonathan CorbetJuly 24, 2019OSS Japan要想让系统保持安全,就必须经常及时进行安全更新。不过,假如更新机制本身也被攻击者控制的话,那就完全没法保证系统…

vuex的使用方法

npm install vuex -s 在src下创建store,文件夹下创建index.js import Vue from vue; import Vuex from vuex; Vue.use(Vuex); const store new Vuex.Store({state:{count: 0},getters:{},mutations:{increment (state) {state.count},remove (state) {state.count…

java 泛型历史遗留问题

Map<String,Integer> hashMap new HashMap<String,Integer>();hashMap.put("123",123);// hashMap.put(123, ""); 编译出错hashMap.get(new Date()); 不多说 直接上代码,泛型在编译期提供类型检查,如果不符合泛型的定义的类,那么在编译期会报…

小程序返回上一个页面刷新

A页面自定义一个函数方法 reloadOrder // 刷新页面订单列表信息reloadOrder() {//门店订单this.setData({pageNum:1,list:[], //切换isWhole:false,});this.getList();},B页面接受这个方法&#xff0c;并返回上一个页面&#xff0c;刷新页面 let pages getCurrentPage…

LWN: OSPM会议讨论如何重写CFS负载均衡算法

点击上方蓝色字关注我们~Reworking CFS load balancingJuly 11, 2019OSPM译者注&#xff1a;OSPM是刚刚结束的第三届Operating-System-Directed Power-Management summit会议。近期LWN发布了一部分会议议题的讨论。本文正是其中一篇。Linux内核scheduler&#xff08;调度器&…

JNI开发常见错误

①Caused by: java.lang.UnsatisfiedLinkError: Native method not found: MainActivity.hello_InC 本地方法没有找到 出错误的原因1 native方法对应的c的函数 不符合命名的规范 解决办法 native方法对应的c的函数名字 尽量不要手敲 可以通过javah生成头文件 main/java 目录…