本文摘自PHP中文网,作者不言,侵删。
本篇文章给大家带来的内容是关于资源合并与压缩的优化方法介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
要求
假定现在有路由/news,/login监听键盘事件,只允许在/news页面内有效不管后面跳到哪个页面,都不会触发对应的键盘事件,只能在/news里才触发
问题
没有进入/news之前,按键盘上的键,不会触发事件,进过/news后,不管有没有按键盘上的键,再跳到别的页面,按键盘上的键,都会触发事件
代码
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>
|
以上就是资源合并与压缩的优化方法介绍的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
javascript如何删除指定数组元素
javascript怎么删除表格行
详解js中的执行上下文和执行栈
javascript如何显示和隐藏div
javascript向php传递中文乱码怎么办
javascript变量怎么转换为字符串
javascript字符串转换函数是什么
javascript如何使用replace方法
javascript 中的 nan
javascript警告框怎么关闭
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 资源合并与压缩的优化方法介绍