Bagaimana untuk menambah butang untuk menyalin teks yang dipaparkan dalam vue.js?

Question

Saya cuba menambah butang yang membolehkan saya menyalin coretan kod daripada paparan ke papan keratan aplikasi katalog kod saya dalam vue.js.

Apabila saya menggunakan perpustakaan papan keratan vue dan cuba lakukan ini dalam komponen contoh:

<div class="full-screen-code-snippet">
  {{ example.codeSnippet }}
</div>

<div class="full-screen-copy-button">
<button v-clipboard:copy="example.codeSnippet"></button>    
</div>

Coretan kod dipaparkan dengan baik, tetapi butangnya tidak. Bagaimana keadaan ini? Bagaimanakah saya harus membuat butang ini?

Answer 1

Anda harus menggunakannya seperti ini: v-clipboard="variableName" 或与 :copy Sama. Anda boleh menemuinya di sini atau ini

sssccc