Maison > interface Web > js tutoriel > Vue implémente la méthode de copie du contenu dans le presse-papiers

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

小云云
Libérer: 2018-03-19 10:28:12
original
2480 Les gens l'ont consulté

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
Copier après la connexion

2. importer le fichier d'importation

import Clipboard from 'clipboard';
Copier après la connexion

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>
Copier après la connexion

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

let clipboard = new Clipboard(&#39;.copyBtn&#39;);
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal