admin 管理员组

文章数量: 887021

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')
 },

本文标签： 跳转 新窗口 开新 打开浏览器 页面

版权声明：本文标题：vue 跳转页面打开浏览器新窗口或者打开新标签 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1727961110h1180841.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。