electron前进后退刷新

1,注意使用webview如果不显示需要在主进程中打开开关

webPreferences: {
    webviewTag: true,  //打开开关
}
a链接默认在webview中是不会跳外链的，所以如果想要用默认浏览器打开需要写上特殊代码以下是主进程的写法

app.on(‘web-contents-created’, (e, webContents) => {
webContents.on(‘new-window’, (event, url) => {
event.preventDefault();
shell.openExternal(url);
});
});

<div style="width:100%;display:flex;flex-direction:row">
              <span id="houtui" style="width:50%; backgrund-color:red;border:none" @click="goBackWebView('web'+index)" >后退</span>
              <span id="qianjin" style="width:50%; backgrund-color: red;border:none" @click="goForwardWebView('web'+index)" >前进</span>
          </div>
js方法
操作时用id拿到webview
goBackWebView(id) {
  console.log();
  let webview = document.getElementById(id);
  let canback = webview.getWebContents().canGoBack();
  if (canback) {
    webview.getWebContents().goBack();
  }
},
  goForwardWebView(id) {
    console.log(document.getElementById(id));
    let webview = document.getElementById(id);
    let canback = webview.getWebContents().canGoForward();
    if (canback) {
      webview.getWebContents().goForward();
    }
  },
  //刷新
  goRoadingWebView(id) {
          let webview = document.getElementById(id);
              webview.reload();
        },

判断是否可前进或者后退，类似浏览器的功能

//后退
        if(webview.canGoBack()){
            context.goback=true
        }else{
            context.goback=false
        }
        //前进
        if(webview.canGoForward()){
            context.goforward=true
        }else{
            context.goforward=false
        }