vue自己写cookie并使用(代码教程)
程序员文章站
2022-06-26 11:40:35
建一个js文件
export function addCookie(objName, objValue, objHours){//添加cookie
var str =...
建一个js文件
export function addCookie(objName, objValue, objHours){//添加cookie var str = objName + "=" + escape(objValue); if (objHours > 0) {//为0时不设定过期时间,浏览器关闭时cookie自动消失 var date = new Date(); var ms = objHours * 3600 * 1000; date.setTime(date.getTime() + ms); str += "; expires=" + date.toGMTString(); } document.cookie = str; alert("添加cookie成功"); } export function getCookie(objName){//获取指定名称的cookie的值 var arrStr = document.cookie.split("; "); for (var i = 0; i < arrStr.length; i++) { var temp = arrStr[i].split("="); if (temp[0] == objName) return unescape(temp[1]); } } export function delCookie(name){//为了删除指定名称的cookie,可以将其过期时间设定为一个过去的时间 var date = new Date(); date.setTime(date.getTime() - 10000); document.cookie = name + "=a; expires=" + date.toGMTString(); } function allCookie(){//读取所有保存的cookie字符串 var str = document.cookie; if (str == "") { str = "没有保存任何cookie"; } alert(str); }
暴露!!!!一定要
export
在main.js写下
import {addCookie, getCookie, delCookie} from '路径';
Vue.prototype.$cookieStore = { addCookie, getCookie, delCookie }
自己路径都填不对的就散了吧
使用
this.$cookieStore.addCookie( 'name' , 1)
this.$cookieStore.getCookie( 'name' , 1)
this.$cookieStore.delCookie( 'name' , 1)
上一篇: 华为鸿蒙系统看图识物怎么用?鸿蒙系统看图识物使用教程
下一篇: ES6的开发环境搭建教程