admin管理员组

文章数量:1345505

        项目中,如果通过接口获取数据,并在then中打开新页面会提示浏览器阻止,如何解决呢?

其实很简单:

1.定义一个url

data(){
    return{
        url:''
     }
}

2.监听该url,url发生变化时打开新窗口

 watch:{
    newWin(){
      if(this.url){
        window.open(this.url,'_blank')
      }
      this.url=''
    }
  }

3.在接口处理中给url赋值

getData().then(res=>{
    ...
    this.url=res.data.url
})

这样,在打开新窗口的时候,浏览器就不会拦截了。

本文标签: 开新浏览器项目Vue