vue 跳转页面打开浏览器新窗口或者打开新标签

vue 跳转页面打开浏览器新窗口或者打开新标签 打开浏览器新窗口方法: openNewWindow () { 打开新窗口let left((window.screen.width2) - 180)

vue 跳转页面打开浏览器新窗口或者打开新标签

打开浏览器新窗口方法:

openNewWindow () {
   // 打开新窗口
   let left = ((window.screen.width / 2) - 180) / 2   // 新窗口居中
   let width = (window.screen.width / 2) + 180        // 新窗口的宽度
   // 新窗口要设置的参数
   let params = `height=${window.screen.height},width=${width},top=0,left=${left},toolbar=no,menubar=no,scrollbars=no,resizable=yes,location=yes,status=no`
   window.open(`/testPage/${this.title}/${this.id}/${this.type}/${this.date}`,'_blank',params)},
    
   // 注意:路由地址的 path 必须配置成以下这样,有几个参数就配置几个参数
   // path : '/testPage/:title/:id/:type/:date'

打开新标签页方法:

 openNewTab () {
    // 打开新标签
    let routeData = this.$router.resolve(({
    path: '/testPage', // path 要跳转的路由地址
    // query 要传递的参数
    query: { 
       title: this.title,
       id: this.id,
       type: this.type,
       date: this.date,
     }
    }))
    window.open(routeData.href,'_blank')
 },

发布者:admin,转转请注明出处:http://www.yc00.com/web/1734733791a3749795.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信