zoukankan      html  css  js  c++  java
  • 封装LocalStorage.js

    之前使用vue开发的项目频繁使用到localStorage,封装了一下

    localStorage.js文件代码如下:

    let obj = {};
    
    /**
     * putLocalStorage 把数据放到本地存储
     * @param {*} key
     * @param {*} value
     */
    obj.putLocalStorage = function (key, value) {
        window.localStorage.setItem(key, JSON.stringify(value));
    };
    
    /**
     * getLocalStorage 获取本地存储数据
     * @param {*} key
     */
    obj.getLocalStorage = function (key) {
        var obj = window.localStorage.getItem(key);
        if (obj && obj != 'undefined' && obj != 'null') {
            return JSON.parse(obj);
        }
        return '';
    };
    
    /**
     * removeLocalStorage 清除本地数据
     * @param {*} key
     */
    
    obj.removeLocalStorage = function (key) {
        if (key) {
            window.localStorage.removeItem(key);
        } else {
            console.log(arguments)
            for (var i in arguments) {
                window.localStorage.removeItem(arguments[i]);
            }
        }
    };
    
    
    export default obj;

    main.js中将其挂在到vue的原型属性上:

    import localstorage from './assets/js/localstorage'
    
    Vue.prototype.$localstorage = localstorage

    .vue文件中的使用方法:

    存储:this.$localstorage.putLocalStorage('subMenu',this.subMenu)
    
    获取:this.$localstorage.getLocalStorage('subMenu')
    
    清除:this.$localstorage.removeItem('subMenu')
  • 相关阅读:
    期望dp专题
    Open Flash Chart 简介
    Open Flash Chart图表的JSON格式基本属性详解
    Open Flash Chart图表的JSON格式基本属性详解
    Open Flash Chart2 常用的参数
    Open Flash Chart2 常用的参数
    Chrome资源嗅探器应用
    Chrome资源嗅探器应用
    WebDev.WebServer40.EXE
    WebDev.WebServer40.EXE
  • 原文地址:https://www.cnblogs.com/hjbky/p/9579850.html
Copyright © 2011-2022 走看看