vue 带参数跳转打开新窗口 $router.resolve 参数不在url中
Posted liuliu-
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 带参数跳转打开新窗口 $router.resolve 参数不在url中相关的知识,希望对你有一定的参考价值。
如果参数在路径中:
router.js
path: ‘/project/:id‘
var { href } = this.$router.resolve({
path: ‘/project‘,
query: {
id: this.id
}
});
window.open(href);
获取参数:this.$route.query.id
如果参数不在路径中:
1.不打开新窗口:
path: ‘/projectlist‘ , name: ‘项目列表‘
var href = this.$router.push({
name: ‘项目列表‘,
params: {
msg : this.msg
}
});
获取参数:this.$route.params.msg
1.打开新窗口:
var { href } = this.$router.resolve({
name: ‘项目列表‘,
});
localStorage.setItem("msg", this.msg)
window.open(href);
获取参数:
if (localStorage.getItem(‘msg‘)){
this.m= localStorage.getItem(‘msg‘);
localStorage.clear();
};
以上是关于vue 带参数跳转打开新窗口 $router.resolve 参数不在url中的主要内容,如果未能解决你的问题,请参考以下文章