Le contenu de cet article concerne le chargement et l'exécution de css et js (avec code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.
Exigences
Supposons qu'il existe un itinéraire /news, /login écoute les événements du clavier et ne peut être valide que dans la page /news, peu importe à quelle page il accédera plus tard, il ne le fera pas. Le déclenchement de l'événement clavier correspondant ne peut être déclenché que dans /news
Problème
Avant d'entrer /news, appuyez sur les touches de le clavier ne déclenchera pas l'événement. Après avoir entré /news, que vous appuyiez ou non sur les touches du clavier, si vous passez à une autre page et appuyez sur les touches du clavier, l'événement
code
srcviewsnews.vue
sera déclenché<template> <div> news </div> </template> <script> export default { data() { return { flag: true, //底部图片列表显示隐藏 name: "aa" }; }, methods: { keyLeft() { alert(this.name); }, keyUp() { alert("向上方向键"); }, keyRight() { alert("向右方向键"); }, keyDown() { alert("向下方向键"); }, keys() { var that = this; document.onkeydown = function(e) { let key = window.event.keyCode; if (key == 37) { that.keyLeft(); } else if (key == 38) { that.keyUp(); return false; //有上下滚动条的时候,不向上滚动 } else if (key == 39) { that.keyRight(); } else if (key == 40) { that.keyDown(); return false; //有上下滚动条的时候,不向上滚动 } }; } }, created() { if (this.flag == true && this.$route.path == "/news") { this.keys(); } }, mounted() {} }; </script>
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!