[英]Mousetrap bind won't work in a nuxt.js page
嗨,我希望有人可以帮助我。 我想在输入某个序列后立即重定向到不同的页面。 我在控制台中看到“它可以工作”,但它不会重定向。 我收到错误消息
“未捕获的类型错误:无法读取未定义的属性(读取 '$router')”
这是我的代码
<script>
export default {
head() {
return {
script: [
{
src: "js/mousetrap.min.js",
},
],
};
},
components: {},
name: "IndexPage",
mounted() {
Mousetrap.bind("1 2", function () {
console.log("It works");
this.$router.push("/pagename");
return;
});
},
};
</script>
我使用来自https://craig.is/killing/mice btw 的 Mousetrap 库。
你有什么建议吗?
谢谢你的回答......这对我有用。 将其更改为箭头 function 以便 'this.$router' 可以保留为 vue 实例。
mounted() {
Mousetrap.bind("1 2", () => {
this.$router.push("/pagename");
});
}
像这样使用它解决了 OP 的问题:
mounted() {
Mousetrap.bind("1 2", () => {
this.$router.push("/pagename");
});
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.