So rufen Sie die Browser-Sharing-Funktion in Vue auf

Vorwort

Vue (ausgesprochen /vjuː/, ähnlich wie view) ist ein progressives Framework zum Erstellen von Benutzeroberflächen. Offiziell als progressives Framework beschrieben, stellt dieser Artikel hauptsächlich die relevanten Informationen zum Aufrufen von Browserfreigaben durch Vue vor. Werfen wir einen Blick auf die ausführliche Einführung.

Hier sind die Schritte:

1. Entwicklungsumgebung vue+vant

2. Computersystem Windows 10 Professional Edition

3. Bei der Entwicklung mit Vue stoßen wir häufig auf das Teilen. Lassen Sie mich im Folgenden meine Methode erläutern. Ich hoffe, sie wird Ihnen hilfreich sein.

4. Schauen Sie sich zuerst das Effektbild an:

5. Verwenden Sie NativeShare.js, um die oben genannten Funktionen zu erreichen

// Installieren Sie npm install nativeshare

6. In die entsprechende Komponente einführen

importiere NativeShare von „nativeshare“

7. Klicken Sie auf das Teilen-Symbol und fügen Sie den entsprechenden Code in den Methoden hinzu:

cshare() {
 wenn (navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1) {
 this.ui.showToast('Bitte öffnen Sie den QQ-Browser, um Bilder und Texte zu teilen', 2)
 } anders {
 versuchen {
 dies.nativeShare.setShareData({
 // Link: 'http://192.168.3.82:8080/#/pages/index/itest',
 Titel: 'title111',
 Beschreibung: „Beschreibung11“,
 // Symbol: „https://t12.baidu.com/it/u=751929707,172094732&fm=76“,
 })
 dies.nativeShare.call('Standard')
 } fangen (Fehler) {
 console.log(fehler)
 this.ui.showToast('Dieser Browser unterstützt kein Jump')
 }
 }
 },

8. Warum NativeShare.js wählen?

Kompatibilität (ohne Zweifel das kompatibelste Browser-Plugin)

Symptome:

1.UC Android kann kein Symbol festlegen

2. Baidu Browser Android kann keine Freigabe angeben

9. NativeShare hat nur drei leistungsstarke Methoden:

getShareData() Den freigegebenen Text abrufen setShareData() Den freigegebenen Text festlegen call(command = 'default', [options]) Die native Freigabekomponente des Browsers aufrufen

10.ShareData legt das Format der Kopie fest als

{
 Symbol: '',
 Link: '',
 Titel: '',
 Beschreibung: '',
 aus: '',
 // Die folgenden Rückrufe werden derzeit nur in WeChat und QQ unterstützt. Erfolg: noop,
 Fehler: noop,
 Abbrechen: noop,
 Auslöser: noop,
}

11. Beim Aufrufen der Call-Methode gibt der erste Parameter den Befehl an, der zum Aufrufen der gemeinsam genutzten Komponente verwendet werden soll. Derzeit werden 6 Befehle unterstützt. Sie sind:

Standardmäßig wird die Sharing-Komponente unten aufgerufen. Dieser Befehl wird auch aufgerufen, wenn andere Befehle nicht unterstützt werden
Zeitleiste mit Moments teilen
appMessage Mit WeChat-Freunden teilen
qq Mit QQ-Freunden teilen
qZone Teilen mit QQ Zone
weiBo Auf Weibo teilen

Zusammenfassen

Dies ist das Ende dieses Artikels darüber, wie Vue die Browser-Freigabefunktion aufruft. Weitere relevante Informationen dazu, wie Vue den Browser aufruft, um Inhalte freizugeben, finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!