vue.js에 표시된 텍스트를 복사하는 버튼을 추가하는 방법은 무엇입니까?

Question

vue.js에 있는 코드 카탈로그 애플리케이션의 클립보드에 뷰의 코드 조각을 복사할 수 있는 버튼을 추가하려고 합니다.

vue 클립보드 라이브러리를 사용하고 예제 구성 요소에서 이 작업을 수행하려고 하면:

으아아아

코드 조각은 제대로 표시되지만 버튼은 표시되지 않습니다. 어떻게 진행되고 있나요? 이 버튼은 어떻게 만들어야 하나요?

Answer 1

다음과 같이 사용해야 합니다. v-clipboard="variableName" 或与 :copy동일합니다. 여기 또는 이에서 찾을 수 있습니다.

으아아아