Heim >Web-Frontend >js-Tutorial >So implementieren Sie die Pull-Up-Aktualisierungsfunktion in Vux

So implementieren Sie die Pull-Up-Aktualisierungsfunktion in Vux

亚连
亚连Original
2018-06-07 10:55:192441Durchsuche

Vor kurzem hat das Unternehmen eine App entwickelt und sich für die Vux-Komponentenbibliothek entschieden, die auf dem Vue-Framework basiert. Jetzt fassen wir die Fallstricke zusammen, die bei der Implementierung der Pull-up-Refresh-Funktion auftreten

Vor kurzem hat das Unternehmen eine App entwickelt, die auf dem Vue-Framework basiert und nun die Fallstricke zusammenfasst, die bei der Implementierung der Pull-up-Aktualisierungsfunktion auftreten:

1 Einmal, Lösung: Sie müssen den Status

this.scrollerStatus.pullupStatus = ‘default',

2 zurücksetzen Funktioniert nicht, bitte führen Sie den folgenden Code aus, nachdem Sie die Hintergrunddaten erhalten haben

activated () {
 this.$refs.scroller.reset()
}

Veröffentlichen Sie den Code für die gesamte Seite.

this.$nxtTick(() => {
    this.$refs.scroller.reset()
   })

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Better-Scroll-Bildlauf-Plug-in in Vue verwenden

So implementieren Sie Einzelbilder domänenübergreifend in VUE + UEditor-Upload-Funktion

Probleme in Vue bezüglich der Überwachung, bei der Änderungen in Objektattributen nicht erkannt werden

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Pull-Up-Aktualisierungsfunktion in Vux. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn