electron-vue当中win.loadURL弹窗问题解决

在electron+vue脚手架项目当中,vue+vue-router一般应用于单页面应用程序,如果是弹窗的话,一般用的都是“dialog”,但是“dialog”不能满足我们特定的需求,基于原生弹窗有两种方式。

第一种方式:

window.open(url,name,specs,replace)

那么window.open()方法和vue-router怎么进行结合呢?代码如下:

const {href} = this.$router.resolve({
     name: "statistics-explain",
      params: {
           classID: id,
           examSubjectID: this.planClassData.examSubjectID,
           studentStatus: 0    
      }
});
window.open(href, '_blank');

第二种方式:

直接通过路由是访问不到的,必须通过window.location.href的方式,代码如下:

let windowsHref=window.location.href
const locationURL =windowsHref.substring(0,windowsHref.indexOf("#")+1)
let win =new BrowserWindow(option)
win.loadURL(locationURL+url) 

说明:
locationURL:服务器访问的url或者文件的url
url:我们的路由地址,比如说“/map”

你可能感兴趣的:(Electron-Vue)