Vue implémente la méthode de copie du contenu dans le presse-papiers

Comment copier du contenu dans le presse-papier ? Cet article partage principalement avec vous une méthode de copie de contenu dans le presse-papiers dans Vue. Il a une bonne valeur de référence et j'espère qu'il pourra aider tout le monde.

1. npm installé dans le fichier du répertoire du projet

npm install clipboard --save

2. importer le fichier d'importation

import Clipboard from 'clipboard';

3. Écrivez le contenu à copier dans data-clipboard-text dans l'attribut personnalisé de l'élément html requis

<button class="copyBtn" :data-clipboard-text = "https://www.baidu.com/" type="text">复制地址</button>

4 En JavaScript Rechercher. le contenu d'un élément par son nom de classe.

let clipboard = new Clipboard('.copyBtn');

C'est tout. Si vous avez besoin de cette adresse, référencez simplement la variable du presse-papiers directement dans la méthode. Sinon, ne vous inquiétez pas. Variable, elle ne nécessite aucun traitement. Après avoir cliqué sur le bouton avec le nom de classe copyBtn, il suffit de Ctrl+v

Recommandations associées :

JavaScript Implémenter la copie du contenu dans. les compétences code_javascript de la table de montage

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!