vue中的怎么获取localStorage的信息

比如我登录完了想在页面上面显示登录的名字
那么我存储在localStorage的信息怎么给他显示出来呢

简单

直接上代码

在methods 定义一个方法
loadComments() {var list = localStorage.getItem("username");this.username = list;}意思是localStorage.getItem 获取localStorage 里面的username的值 然后巴尔这个值 保存在
![image.png](https://upload-images.jianshu.io/upload_images/19088858-c3557004283e26ad.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
username 里面created() {this.loadComments()},然后在调用这个方法 意思是每次进来页面都会执行一次这个方法 然后console.log(username) 就可以拿到里面的值了
![image.png](https://upload-images.jianshu.io/upload_images/19088858-f0b764cf2dd612d5.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
这样子显示
![image.png](https://upload-images.jianshu.io/upload_images/19088858-e4413035f53adef5.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)不知道为什么 展示不了图片 大家直接跟着我的代码用吧！
第一步
在data中定义一个数组接受 如 username在methods 定义一个方法
loadComments() {var list = localStorage.getItem("username");this.username = list;}第二步
created() {this.loadComments()},第三步这时候data的username就有数据了 怎么展示呢 直接this.username

vue中的怎么获取localStorage的信息相关推荐

vue定时ajax获取数据,vue 中使用 AJAX获取数据的方法
在VUE开发时,数据可以使用jquery和vue-resource来获取数据.在获取数据时,一定需要给一个数据初始值. 看下例: new Vue({ el:'#app', data:{data:&qu ...
geoip php 获取城市,Laravel 中利用 GeoIP 获取用户地理位置信息
这篇文章主要介绍了关于Laravel 中利用 GeoIP 获取用户地理位置信息,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下我最近需要一个用户地域检测来设置用户的默认区域和货币.由 ...
springboot中使用注解获取前台header信息
今天在写vue时,需要实现一个功能,就是前台通过header(请求头)将token发送到服务端,后台使用的是springboot,第一下想到是springboot注解,但是百度了挺久发现很多人都是使用 ...
vue中关闭浏览器清除localStorage
1.在app.vue中关闭浏览器清除信息,并且刷新时保持状态不受影响 mounted() {window.onload = function () {console.log(window.sessi ...
栈windows linux,Linux+Windows: 程序崩溃时，在 C++ 代码中，如何获取函数调用栈信息...
一.前言程序在执行过程中 crash 是非常严重的问题,一般都应该在测试阶段排除掉这些问题,但是总会有漏网之鱼被带到 release 阶段. 因此,程序的日志系统需要侦测这种情况,在代码崩溃的时候获 ...
vue中关闭浏览器清除localStorage,并且刷新时保持状态不受影响
在App.vue中 mounted() {window.onload = function () {console.log(window.sessionStorage["ISlogin&qu ...
C#中使用ManagementClass获取本机信息
C#提供 ManagementClass来对机器的信息进行管理,可以通过设定不同的管理类来获得机器的基本信息.下面给出了一些基本的信息的获取方法,包括获取CPU数目,cpu频率,内存大小,硬盘大小. ...
vue中使用$refs获取不到DOM元素
this.$refs.xx 为 undefined 的几种情况: 1. 在created 钩子函数中调用: create()在实例创建完成后被立即调用.这时,实例已完成数据观测.属性和方法的元素,wa ...
vue 读取ajax数据,详解vue 中使用 AJAX获取数据的方法
在VUE开发时,数据可以使用jquery和vue-resource来获取数据.在获取数据时,一定需要给一个数据初始值. 看下例: new Vue({ el:'#app', data:{data:&qu ...

vue中的怎么获取localStorage的信息

vue中的怎么获取localStorage的信息相关推荐

最新文章

热门文章