vue 새 창 을 열 때 차단 되 는 실전 방법 해결
5201 단어 vue
1.탭 대체 사용
이 함 수 를 click 이벤트 리 셋 에 연결 하면 대부분의 브 라 우 저가 창 팝 업 에 대한 차단 을 피 할 수 있 습 니 다.
newLink(url) {
let a = document.createElement(‘a‘);
a.setAttribute(‘href‘, url);
a.setAttribute(‘target‘, ‘_blank‘);
}
2.form 의 submit 방법 으로 페이지 열기
이 방법 은 from 을 만 든 다음 js 코드 에서 form 의 submit 를 촉발 하여 폼 을 새로운 페이지 에 제출 해 야 합 니 다.
파 라 메 터 를 전달 할 때 POST 방법 을 사용 해 야 하 며 기본 GET 방법 으로 는 파 라 메 터 를 전달 할 수 없습니다.즉,새 페이지 의 url 에 인자 부분 이 없습니다.예:
newLink(url){
let form = document.createElement('form');
form.action = 'www.baidu.com?id=1';
form.target = '_blank';
form.method = 'POST';
document.body.appendChild(form);
form.submit();
}
3.최종 솔 루 션–창 을 팝 업 한 다음 방향 을 바 꿉 니 다.
세 번 째 방안 은 사실은 일종 의 변통 방안 이다.핵심 사상 은 먼저 사용자 가 클릭 하여 페이지 를 연 다음 에 페이지 를 다시 정 하 는 것 이다.예제 코드 는 다음 과 같다.
newLink(url){
// ，
let newLink = window.open(‘loading page‘);
axios.get(url)
.then(function (response) {
newLink.location.href = url;;
})
.catch(function (error) {
console.log(error);
})
}
참조 링크 1
참조 링크 2
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Fastapi websocket 및 vue 3(Composition API)1부: FastAPI virtualenv 만들기(선택 사항) FastAPI 및 필요한 모든 것을 다음과 같이 설치하십시오. 생성main.py 파일 및 실행 - 브라우저에서 이 링크 열기http://127.0.0.1:...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
