vue项目封装一个cookie
程序员文章站
2024-03-20 14:20:58
...
const cookies = {
//设置cookie
set(key , value , dutation = 60 * 1000){
const date = new Date().getTime() + dutation * 1000
const _key = key.trim()
const _value = value.toString().trim()
document.cookie = _key + '=' + _value + ';expires=' + new Date(date).toUTCString();
},
//获取cookie
get(key){
if(document.cookie === '') return "" ;
let obj = {}; //最终获得所有的cookie对象
let cookiesArr = []; // 分割cookies字符串
cookiesArr = document.cookie.split(';');
for(let value of cookiesArr){
const item = value.split('=');
obj[item[0].trim()] = item[1].trim()
}
if(key){
const _key = key.trim()
return obj[_key]
}else{
return obj
}
},
//删除cookie
remove(key){
const _key = key.trim();
const date = new Date().getTime() - 1;
document.cookie = _key + '=;expires=' + new Date(date).toUTCString();
}
}
export default cookies
最后在main.js文件中引入模块并挂载到vue中import cookies from '@/utils/cookiesjs'
Vue.prototype.$cookies = cookies
上一篇: c语言模拟实现顺序表的所有接口
推荐阅读
-
封装一个在小项目中使用的volley(通俗简便、方便灵活)
-
vue项目封装一个cookie
-
vue封装一个简单的toast,使用 Vue.extend+$mount
-
vue3-element-plus项目可能会用到的一些组件封装
-
使用vue脚手架(vue-cli)搭建一个项目详解
-
「#老鸿说004#vue项目优化篇」浅谈从Git和Node.js的安装到一个vue项目的打包上线的流程和遇到的那些坑
-
Vue项目调用后端接口api管理以及axios封装请求
-
vue-cli@3.x之使用vue ui创建项目-来自一个战五渣的体验
-
如何用webpack4带你实现一个vue的打包的项目
-
使用vue-cli4.0快速搭建一个项目的方法步骤