vue this.$router.push 跳转新页面传参

项目场景：点击首页搜索按钮，跳转到搜索落地页（新页面形式）跳转方法：let routeInfo = this.$router.resolve({ path: '/page/search',query:{keywords:value} });window.open(routeInfo.href, '_blank');接收参数：this.$route.query.keywords注意：因为是跳转新页

最初都是小白

2803人浏览 · 2021-12-23 20:30:55

最初都是小白 · 2021-12-23 20:30:55 发布

项目场景：点击首页搜索按钮，跳转到搜索落地页（新页面形式）

跳转方法：

 let routeInfo = this.$router.resolve({ path: '/page/search',query:{keywords:value} });
 window.open(routeInfo.href, '_blank');

接收参数：

this.$route.query.keywords

注意：因为是跳转新页面，所以传递参数只能用query，用params传参在目标页面获取不到。

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^