最新消息: USBMI致力于为网友们分享Windows、安卓、IOS等主流手机系统相关的资讯以及评测、同时提供相关教程、应用、软件下载等服务。

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

业界 admin 21浏览 0评论

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

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

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

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

发布评论

评论列表 (0)

  1. 暂无评论