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

May 29, 2018 pm 05:02 PM
内容 粘贴

Maintenant, je vais partager avec vous une méthode pour copier du contenu dans le presse-papiers dans Vue. Elle a une bonne valeur de référence et j'espère qu'elle sera utile à tout le monde.

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

npm install clipboard --save
Copier après la connexion

2.

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

3 Écrivez les données à copier dans data-clipboard-text dans l'attribut personnalisé de l'élément html requis. Contenu

<button class="copyBtn" :data-clipboard-text = "https://www.baidu.com/" type="text">复制地址</button>
Copier après la connexion

4. Recherchez le contenu dans l'élément via le nom de la classe en JavaScript.

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

Ça y est Si vous avez besoin de cette adresse, référencez directement le presse-papier dans la méthode Juste. utilisez une variable. Si vous n'en avez pas besoin, ne vous inquiétez pas pour cette variable. Après avoir cliqué sur le bouton avec le nom de classe copyBtn,

Le ci-dessus est ce que j'ai compilé. Pour tout le monde, j'espère que cela sera utile à tout le monde à l'avenir.

Articles connexes :

Analyse de la liaison d'événements DOM dans js

Méthodes d'opération courantes et opérations de chaîne spéciales dans les caractères JavaScript

Explication détaillée de l'utilisation de chaque méthode dans jQuery

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!

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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Commandes de chat et comment les utiliser
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Presse-papiers sur iPhone : Comment y accéder ? Presse-papiers sur iPhone : Comment y accéder ? May 16, 2023 am 10:46 AM

Où est le presse-papiers sur iPhone ? iOS étant un écosystème fermé, le presse-papiers est une fonctionnalité interne stockée dans la mémoire virtuelle. Par défaut, les utilisateurs ne peuvent pas afficher le contenu du presse-papiers ni le modifier de quelque manière que ce soit. Cependant, il existe plusieurs moyens d'accéder au presse-papiers sur iPhone. Vous pouvez coller le presse-papiers dans l'application Notes (ou tout autre éditeur de texte) et y conserver plusieurs copies du presse-papiers, en les modifiant si nécessaire. Vous pouvez également utiliser l'application Raccourcis pour créer un raccourci qui affiche le presse-papiers. Enfin, vous pouvez utiliser une application tierce telle que Coller. Comment accéder au presse-papiers sur iPhone ? Que vous préfériez utiliser l'application Notes intégrée,

Comment activer l'avertissement de contenu sensible sur iPhone et en savoir plus sur ses fonctionnalités Comment activer l'avertissement de contenu sensible sur iPhone et en savoir plus sur ses fonctionnalités Sep 22, 2023 pm 12:41 PM

Au cours de la dernière décennie, les appareils mobiles sont devenus le principal moyen de partager du contenu avec vos amis et votre famille. La facilité d'accès, l'interface facile à utiliser et la possibilité de capturer des images et des vidéos en temps réel en font un excellent choix pour créer et partager du contenu. Cependant, il est facile pour des utilisateurs malveillants d'abuser de ces outils pour transférer du contenu indésirable et sensible qui peut ne pas convenir à la visualisation et ne nécessite pas votre consentement. Pour éviter que cela ne se produise, une nouvelle fonctionnalité « Avertissement de contenu sensible » a été introduite dans iOS17. Jetons un coup d'œil et comment l'utiliser sur votre iPhone. Qu'est-ce que le nouvel avertissement relatif au contenu sensible et comment fonctionne-t-il ? Comme mentionné ci-dessus, l'avertissement de contenu sensible est une nouvelle fonctionnalité de confidentialité et de sécurité conçue pour empêcher les utilisateurs de consulter du contenu sensible, y compris l'iPhone.

Comment changer le navigateur Microsoft Edge pour qu'il s'ouvre avec la navigation 360 - Comment changer l'ouverture avec la navigation 360 Comment changer le navigateur Microsoft Edge pour qu'il s'ouvre avec la navigation 360 - Comment changer l'ouverture avec la navigation 360 Mar 04, 2024 pm 01:50 PM

Comment changer la page qui ouvre le navigateur Microsoft Edge en navigation 360 ? C'est en fait très simple, je vais donc maintenant partager avec vous la méthode pour changer la page qui ouvre le navigateur Microsoft Edge en navigation 360. Les amis dans le besoin peuvent prendre une décision. regarde. J'espère pouvoir aider tout le monde. Ouvrez le navigateur Microsoft Edge. Nous voyons une page comme celle ci-dessous. Cliquez sur l'icône à trois points dans le coin supérieur droit. Cliquez sur "Paramètres". Cliquez sur "Au démarrage" dans la colonne de gauche de la page des paramètres. Cliquez sur les trois points affichés dans l'image dans la colonne de droite (ne cliquez pas sur "Ouvrir un nouvel onglet"), puis cliquez sur Modifier et remplacez l'URL par "0" (ou d'autres nombres dénués de sens). Cliquez ensuite sur "Enregistrer". Ensuite, sélectionnez "

Comment configurer Cheat Engine en chinois ? Méthode chinoise de réglage du moteur de triche Comment configurer Cheat Engine en chinois ? Méthode chinoise de réglage du moteur de triche Mar 13, 2024 pm 04:49 PM

CheatEngine est un éditeur de jeu qui peut éditer et modifier la mémoire du jeu. Cependant, sa langue par défaut n'est pas le chinois, ce qui est gênant pour de nombreux amis. Alors, comment définir le chinois dans CheatEngine ? Aujourd'hui, l'éditeur vous donnera une introduction détaillée sur la façon de configurer le chinois dans CheatEngine. J'espère que cela pourra vous aider. Première méthode de paramétrage : 1. Double-cliquez pour ouvrir le logiciel et cliquez sur « modifier » dans le coin supérieur gauche. 2. Cliquez ensuite sur « paramètres » dans la liste d'options ci-dessous. 3. Dans l'interface de la fenêtre ouverte, cliquez sur « langues » dans la colonne de gauche

Où définir le bouton de téléchargement dans Microsoft Edge - Comment définir le bouton de téléchargement dans Microsoft Edge Où définir le bouton de téléchargement dans Microsoft Edge - Comment définir le bouton de téléchargement dans Microsoft Edge Mar 06, 2024 am 11:49 AM

Savez-vous où définir le bouton de téléchargement pour qu'il s'affiche dans Microsoft Edge ? Ci-dessous, l'éditeur vous présentera la méthode pour définir le bouton de téléchargement à afficher dans Microsoft Edge. J'espère que cela vous sera utile. Suivons l'éditeur pour apprendre. à ce sujet ! Étape 1 : Ouvrez d'abord le navigateur Microsoft Edge, cliquez sur le logo [...] dans le coin supérieur droit, comme indiqué dans la figure ci-dessous. Étape 2 : Cliquez ensuite sur [Paramètres] dans le menu contextuel, comme indiqué dans la figure ci-dessous. Étape 3 : Cliquez ensuite sur [Apparence] sur le côté gauche de l'interface, comme indiqué dans la figure ci-dessous. Étape 4 : Enfin, cliquez sur le bouton à droite de [Afficher le bouton de téléchargement] et il passera du gris au bleu, comme le montre la figure ci-dessous. C'est ci-dessus que l'éditeur vous explique comment configurer le bouton de téléchargement dans Microsoft Edge.

Apprenez à utiliser les raccourcis copier-coller Apprenez à utiliser les raccourcis copier-coller Jan 13, 2024 pm 12:27 PM

Lorsque de nombreux utilisateurs utilisent des ordinateurs, s'ils rencontrent quelque chose qui doit être copié et collé, il est très difficile de copier avec la souris. Alors, comment utiliser les touches de raccourci pour copier et coller ? Raccourci Copier et Coller Comment utiliser la touche : 1. Touche Copier : Ctrl+C, sélectionnez le texte ou l'image à copier et appuyez sur la touche de raccourci. 2. Touche Coller : Ctrl+V Appuyez simplement sur la touche de raccourci directement à l'endroit où vous souhaitez coller.

Le quotidien de l'Ain, voyageur dans l'espace et le temps : mise à jour permanente des contenus Le quotidien de l'Ain, voyageur dans l'espace et le temps : mise à jour permanente des contenus Mar 01, 2024 pm 08:37 PM

La mise à jour de Painted Traveler in Time and Space a été confirmée le 29 février. Les joueurs peuvent se rendre au festival de musique en plein air avec Ain pour obtenir un bonus de faveur avec Ain. L'événement Lingering Holiday Color Time sera lancé le 4 mars. , les joueurs peuvent améliorer le niveau de leur itinéraire de vacances pour débloquer de nouveaux messages texte et du contenu Lofter. Le quotidien de l'Ain, voyageur dans le temps et l'espace : mise à jour permanente des contenus Après la version du 29 février, vous pourrez découvrir le nouveau planning du campus [Participer au Festival de musique en plein air], et vous pourrez obtenir un bonus de faveur en participant avec l'Ain . De 9h30 le 4 mars à 05h00 le 15 avril, pendant l'événement "Longing Holiday·Sexy Time", améliorez le niveau [Holiday Itinerary] au niveau 8 et au niveau 28 pour débloquer respectivement de nouveaux messages texte et du contenu Lofter. *Nouveaux SMS et Lofter ajoutés

Analyse de la disposition DEX de Solana : Jupiter est-il l'avenir de l'écologie ? Analyse de la disposition DEX de Solana : Jupiter est-il l'avenir de l'écologie ? Mar 26, 2024 pm 02:10 PM

Source : Shenchao TechFlow En tant que projet émergent de grande envergure dans l'écosystème Solana, Jupiter a rapidement émergé dans le domaine DeFi malgré son lancement court. Cependant, même dans un environnement en évolution aussi rapide, l’amélioration des modèles économiques et la stabilité des prix symboliques restent cruciales. Sans ces soutiens, un projet peut facilement tomber dans un cercle vicieux qui peut finalement conduire à son déclin, voire à son incapacité à se maintenir. Par conséquent, Jupiter doit optimiser continuellement sa conception économique et assurer la stabilité des prix symboliques pour assurer le développement et le succès à long terme du projet. La chaîne Solana a enregistré de solides performances au cours de la semaine dernière, avec son jeton SOL augmentant rapidement sur le marché secondaire et le jeton $JUP de Jupiter ayant également augmenté au cours des deux dernières semaines.

See all articles