原文:Vue前端项目中localStorage中获取数据

写在前面 最近在写前端Vue项目时,由于系统登陆之后,登录用户的一些信息存放在localStorage中,现在需要从localStorage中获取用户的一些信息,这块之前没有接触过,所以费了一番周折,最终取到了数据,方法其实很简单,就是不熟悉,所以特此记录一下,权当备忘吧 问题复现 原因分析及解决方法 如图所示,当前需要获取userInfo中的userId,deptId字段的值,按照之前的想法,认 ...

2021-04-22 19:17 0 2244 推荐指数:

查看详情

vue 项目中监听 localStorage 或 sessionStorage 的变化

出现这个问题的起因:在一个VUE页面,引入两个组件,A组件实现基础信息展示,B组件展示列表,我要通过A组件的一个按钮触发状态,然后B组件根据A组件触发的状态来做业务处理,首先想到的是把状态放在localStorage,接下去就是在B组件怎么监听A组件状态 解决方法: 1.首先在 ...

Tue Nov 03 23:56:00 CST 2020 0 6267
vuelocalstorage获取item的方法

const STORAGR_KEY = "todos-vuejs"export default{ fetch(){ return JSON.parse(window.localStorage.getItem(STORAGR_KEY)||'[]' )},save(items ...

Thu Sep 07 01:18:00 CST 2017 0 4446
前端vue获取excell数据

这个功能我觉得还是挺好的,比如要批量上传一些数据,然后不用一个一个填入直接写个excell表然后一起上传,然后我在这边记录一下 首先用到了xlsx这个插件 下载 npm i xlsx --save 使用 在对应的页面引入 import XLSX from "xlsx ...

Thu Jun 10 19:31:00 CST 2021 0 224
vue项目中mock数据

第一步:安装: 在命令行执行: npm install mockjs; 第二步:定义index.js文件 我们新建一个mock文件夹,此文件夹建一个index.js文件:在index.js输入以下内容: import Mock from 'mockjs' //引入mockjs ...

Wed Apr 03 07:40:00 CST 2019 0 614
Vue项目中的mock数据

在我们实际开发前端大部分时候都是需要等待后端的数据接口,所以会自己mock 数据也是非常必要的。 所谓的mock数据,就是在本地建立一个自己数据库,然后访问这些模拟数据,使得开发过程可以看到与调用真是的数据一样的效果。使用mock,就可以提高整个项目的开发效率(不需要停下项目的开发等待后端 ...

Fri Jan 05 23:26:00 CST 2018 0 1926
vue项目中获取当前城市

vue项目中使用百度地图获取当前城市:https://www.jianshu.com/p/0819cfd46712 Vue2 :百度地图bmap:https://www.jianshu.com/p/270ecff2fd8b vue工程,如何查询用户访问的地理位置 + vue的jsonp ...

Thu Nov 07 01:08:00 CST 2019 0 1306
vue项目中,不需前端编译打包,随时修改维护数据

项目中遇到一个需求,基于某些原因,需要后端手动上传图片,然后给出图片地址,然后替换vue项目里的图片地址。打算让后端人员来维护,但是不可能让他们去项目里找到想要的模块,然后替换相应的地址;于是想到的解决办法就是,前端提供一个静态文件(config.js),里面是所有需要替换的图片地址。 一开始 ...

Thu Apr 02 00:09:00 CST 2020 0 3727
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM