vue项目中解决打开新页浏览器拦截的问题

项目中,如果通过接口获取数据,并在then中打开新页面会提示浏览器阻止,如何解决呢? 其实很简单: 1.定义一个url da

        项目中,如果通过接口获取数据,并在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
})

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

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

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

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

关注微信