1.vue组件页面中监听路由变化
例如a.vue文件:
watch:{
$route(to,from){
console.log(to.path);
}
},
2.vue组件页面中监听键盘事件(button标签去除在鼠标点击获取焦点后,按空格和enter键的点击事件)
例如b.vue文件:
<template>
<button @click="_click($event)"></button>
</template>
<script>
export default {
methods:{
_click(event){
let _this = this;
event.target.onkeydown = function (e) {
console.log(e.keyCode);
return _this.keyEvent;// button按钮禁止所有的键盘事件
};
this.$emit('click');
}
}
}
</script>