Vue关于window.open()打开新窗口传参及接收
方式一:传String类型的参数const routeData = this.$router.resolve({path: '',//跳转目标窗口的地址query: {name: zhangsan//括号内是要传递给新窗口的参数}})window.open(routeData.href,'__blank','location=no, menubar=no,status=no,resizable=n
·
方式一:传String类型的参数
const routeData = this.$router.resolve({
path: '', //跳转目标窗口的地址
query: {
name: zhangsan //括号内是要传递给新窗口的参数
}
})
window.open(routeData.href,
'__blank',
'location=no, menubar=no,status=no,resizable=no,titalebar=yes,height=600,width=1000')
)
新窗口接收
mounted() {
this.$nextTick(function() {
window['getData'] = (val) => {
this.name = val
}
})
}
方式二
let params = 'message'
const routeData = this.$router.resolve({
path: '', //跳转目标窗口的地址
query: {
params //括号内是要传递给新窗口的参数
}
})
window.open(routeData.href,
'__blank',
'location=no, menubar=no,status=no,resizable=no,titalebar=yes,height=600,width=1000')
新窗口接收
mounted() {
console.log(this.$route.query) // 输出为:{params:"message"}
console.log(this.$route.query.params) // 输出为:message
}
更多推荐
已为社区贡献1条内容
所有评论(0)