이 기사는 리소스 병합 및 압축의 최적화 방법을 소개합니다. 이는 특정 참고 가치가 있으므로 도움이 될 수 있습니다.
Requirements
경로 /news가 있고 /login이 키보드 이벤트를 수신하고 /news 페이지에서만 유효하다고 가정합니다. 나중에 어느 페이지로 이동하든 해당 키보드 이벤트는 /news에만 있을 수 있습니다. 문제가 발생했습니다
/news를 입력하기 전에는 키보드의 키를 눌러도 키 입력 여부에 관계없이 이벤트가 실행되지 않습니다. 키보드를 누른 다음 다른 페이지로 이동하고 키보드를 누르십시오. 키를 누르면 이벤트가 발생합니다
code
srcviewsnews.vue
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 | <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>
|
로그인 후 복사
위 내용은 리소스 병합 및 압축을 위한 최적화 방법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!