• 封装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')
  • 相关阅读:
    Python之二维数组(list与numpy.array)
    too many values to unpack
    python 寻找可迭代(list)的目标元素的下表方法
    zip函数
    map函数
    Sokcet代码错误类型
    PL-VIO Docker测试
    如何检索国外博士论文
    EuRoc V203数据集的坑
    Tracking of Features and Edges
  • 原文地址:https://www.cnblogs.com/hjbky/p/9579850.html
Copyright © 2020-2023  润新知