项目中,如果通过接口获取数据,并在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
})
这样,在打开新窗口的时候,浏览器就不会拦截了。