Vue copie rapidement le contenu dans la table de montage (code ci-joint)

Cette fois, je vais vous proposer Vue pour copier rapidement du contenu dans le presse-papiers (avec code). Quelles sont les précautions pour que Vue copie rapidement du contenu dans le presse-papiers Voici un cas pratique, prenons. un regard.

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 le data-clipboard-text dans l'attribut personnalisé dans l'élément html requis

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

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

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

Voilà, si vous avez besoin de cette adresse, il suffit de citer la variable clipboard directement dans la méthode, non Si nécessaire, ne vous inquiétez pas pour cette variable. Elle ne nécessite aucun traitement. Après avoir cliqué sur le bouton avec le nom de classe copyBtn, juste Ctrl+v

Je pense que vous maîtrisez la méthode après avoir lu le cas ici. article. , pour un contenu plus passionnant, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

étapes de mise en œuvre d'une requête en cascade agrégée

Analyse JS de la méthode de génération d'une image de code QR à partir d'un lien

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!