Comment ajouter un bouton pour copier le texte affiché dans vue.js ?

Question

J'essaie d'ajouter un bouton qui me permettra de copier un extrait de code d'une vue vers le presse-papiers d'une application de catalogue de codes dans vue.js.

Quand j'utilise la bibliothèque vue clipboard et que j'essaie de le faire dans l'exemple de composant :

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

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

L'extrait de code s'affiche correctement, mais pas le bouton. Comment ça se passe ? Comment dois-je créer ce bouton ?

Answer 1

Vous devriez l'utiliser comme ceci : v-clipboard="variableName" 或与 :copyIdem. Vous pouvez le trouver ici ou this

sssccc