Vue는 콘텐츠를 페이스트보드에 빠르게 복사합니다(코드 첨부).

이번에는 vue(코드 포함)로 콘텐츠를 임시보드에 빠르게 복사하는 방법을 알려드리겠습니다. vue에서 콘텐츠를 임시보드에 빠르게 복사하는 주의사항은 무엇인가요?

1. 프로젝트 디렉토리 파일

npm install clipboard --save

2에 npm을 설치합니다. 2. 소개 파일을 가져옵니다

import Clipboard from 'clipboard';

3. html 요소 복사할 콘텐츠를 입력하세요.

<button class="copyBtn" :data-clipboard-text = "https://www.baidu.com/" type="text">复制地址</button>

4

JavaScript에서 클래스 이름으로 요소의 콘텐츠를 찾습니다.

let clipboard = new Clipboard('.copyBtn');

이 주소가 필요한 경우에는 해당 변수를 메서드에 직접

quote

클립보드하세요. 이 변수는 걱정하지 마세요. 어떤 처리도 필요하지 않습니다. 클래스 이름이 copyBtn인 버튼 다음에 Ctrl+v를 누르세요. 이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 기타 관련 기사는 PHP 중국어 웹사이트에 있습니다!

추천 자료:

전체 계단식 쿼리 구현 단계

링크에서 QR 코드 이미지를 생성하는 JS 방법 분석

위 내용은 Vue는 콘텐츠를 페이스트보드에 빠르게 복사합니다(코드 첨부).의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!