封装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')

巴特西

封装LocalStorage.js

最新文章

热门文章