方式一:传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
}
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐