Vue kopiert Inhalte schnell in die Zwischenablage (Code beigefügt)

Dieses Mal bringe ich Ihnen Vue zum schnellen Kopieren von Inhalten in das Pasteboard (mit Code). Was sind die Vorsichtsmaßnahmen für Vue, um Inhalte schnell in das Pasteboard zu kopieren? ein Blick.

1. npm in der Projektverzeichnisdatei installiert

npm install clipboard --save

2. Importieren Sie die Einführungsdatei

import Clipboard from 'clipboard';

3. Schreiben Sie den zu kopierenden Inhalt in den Daten-Clipboard-Text im benutzerdefinierten -Attribut im erforderlichen html-Element

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

4 . Suchen Sie den Inhalt des Elements anhand des Klassennamens in JavaScript.

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

So sieht es aus: Wenn Sie diese Adresse benötigen, verweisen Sie einfach direkt in der Methode auf die Variable , Machen Sie sich keine Sorgen um diese Variable, sie muss nicht verarbeitet werden, nachdem Sie auf die Schaltfläche mit dem Klassennamen copyBtn geklickt haben.

Ich glaube, Sie haben die Methode beherrscht, nachdem Sie den Fall gelesen haben Dieser Artikel und mehr Wie aufregend, achten Sie bitte auf andere verwandte Artikel auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Aggregierte Kaskadenabfrage-Implementierungsschritte

Analyse der JS-Methode zum Generieren von QR-Code-Bildern aus Links

Das obige ist der detaillierte Inhalt vonVue kopiert Inhalte schnell in die Zwischenablage (Code beigefügt). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!