我使用 VueJS 练习简单的 SPA 要求我监听 API 并将其一些数据保存在浏览器的 localStorage 中,但是我对 VueJS 仍然不是很有经验,所以我不知道如何获取特定数据并保存将其发送给 LS,以便登录用户稍后可以看到他们的信息。
API 检索大量信息,目前我只想获取用户的电子邮件和姓名。
这是到目前为止的代码:
<script>
import axios from 'axios';
import jsonpAdapter from 'axios-jsonp';
export default {
data() {
return {
info: 'placeH',
data: []
}
},
mounted: function(){
axios({
url: 'APIplaceholder'
adapter: jsonpAdapter
}).then((res) => {
});
}
}
</script>
我现在的问题是,我不知道如何只选择我想要的特定信息(API 返回很多信息,但我只需要电子邮件和姓名),然后将其保存到 localStorage。
我认为最好的方法是将其保存到 LS 中的 JSON 文件中。
localStorage
仅保留字符串。这意味着localStorage.setItem("apiData", res.data)
将存储字符串"[Object object]"
在 localStorage 中,而不是res.data
object.
你必须使用JSON.stringify()
and JSON.parse()
从 localStorage 设置和获取项目。
.then((res) => {
localStorage.setItem("apiData", JSON.stringify(res.data));
});
你可以得到它们,
var data = JSON.parse(localStorage.getItem("apiData"));
然后您可以使用(点)运算符访问数据,例如data.userName
.
希望能帮助到你。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)