Ich versuche, eine einzelne Seiten -App mit Vue zu erstellen, die mit Swipe (in Mobile) handelt. Es erscheint offensichtlich, dass ich auf allen Seiten nicht Ereigniscode einfügen muss. Kann ich in App.vue-Datei eine Art von Funktion erstellen und in jeder Ansichtsseiten verwenden? Wechseln Sie zu einem Skript an einem Ort (Push) in Ansichtseiten.
Code: Select all
var start = null;
window.addEventListener("touchstart",function(event){
if(event.touches.length === 1){
start = event.touches.item(0).clientX;
}else{
start = null;
}
});
window.addEventListener("touchend",function(event){
var offset = 100;
if(start){
var end = event.changedTouches.item(0).clientX;
if(end > start + offset){
console.log('prev');
//Something in here?
}
else if(end < start - offset ){
console.log('next');
//Something in here?
}
}
});
< /code>
Dies ist mein Skriptteil der App.vue. (Ich habe es aus dem Stapelüberlauf kopiert und kann mich nicht an den Beitrag erinnern.) Was soll ich hier hinzufügen?
Teil und in Ansichtsdateien? Hatte Wurfdokumente über JS-Ereignisse gelesen, aber in diesem Fall ist dies keine Eltern-Kind-Beziehung, daher konnte ich keinen richtigen Wortlaut finden, um meine Frage zu beschreiben. Es tut mir leid, wenn ich eine offensichtliche Frage stelle, und es wird willkommen sein, mich wissen zu lassen, welche Methode ich wissen sollte.
Mobile version