所以我不能将代码发布到jsfeedle，这是我的提供者或jsfeedle的问题-它不允许我保存代码。所以我在这里张贴代码：
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<title>test</title>
</head>
<body>
<div id="app">
<input v-model="message" @keyup.enter.native="pressed">
</div>
</body>
<script>
new Vue({
el: '#app',
data: {
message: ''
},
created()
{
document.onkeydown=function(e)
{
var key=window.event.keyCode;
if(key==113){
console.log('F2 pressed save')
localStorage.message = this.message;
console.log("recovered value: ", this.message)
}
if(key==115){
console.log('F4 restore')
// this.message = localStorage.message;
this.message = "444";
}
}
}
})
</script>
</html>
我无法通过按键(在我的情况下是F4(恢复保存到本地存储的数据的问题。
upd:这里的实例https://jsbin.com/wiqezuheji/edit?html，js，输出
在localStorage中保存和检索变量的方法与您的尝试有点不同。正确的语法是：
// Get something from the localStorage
localStorage.getItem('item_name_here');
// Set something in the localStorage
localStorage.setItem('item_name_here', value);
// Remove something from the localStorage
localStorage.removeItem('item_name_here');
// Clear the entire localStorage
localStorage.clear();
所以在你的情况下，它将是
// Saving the message in the localStorage
localStorage.setItem('message', this.message);
// Retrieving the message from the localStorage
this.message = localStorage.getItem('message');
有关更多信息，您可以查看文档
编辑
以下是一个正在工作的JSFiddle作为示例
这是一个正在工作的JS Bin示例
document.addEventListener("keydown", function);
尝试
localStorage.setItem('message', this.message);
在localStorage中设置和
this.message = localStorage.getItem('message');
从本地存储获取