Maison  >  Questions et réponses  >  le corps du texte

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

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 ?

P粉297434909P粉297434909204 Il y a quelques jours418

répondre à tous(1)je répondrai

  • P粉509383150

    P粉5093831502024-03-29 09:55:40

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

    
    
    sssccc

    répondre
    0
  • Annulerrépondre