Vue URL Copy

상목·2024년 7월 22일
0

Vue

목록 보기
1/1

vue2 사용 중 URL 복사 기능을 구현

사용 라이브러리

vue-clipboard2

1. 설치


npm install --save vue-clipboard2

2. 설정

<main.js>에 추가

import VueClipboard from 'vue-clipboard2'

VueClipboard.config.autoSetContainer = true;

3. 사용 방법 : 사용 할 위치에 import

import VueClipboard from 'vue-clipboard2'

4. 함수 생성

// 버튼 생성

<button class="copy"  @click="doCopy()"><span>URL복사</span></button>

// url 복사 
    doCopy() {
      var url = window.location.href
        
      this.$copyText(url);
      alert('복사가 완료 되었습니다.');
    }
profile
풀스택 개발 이야기

0개의 댓글