Vue中封装设置、获取、删除Cookie方法
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue中封装设置、获取、删除Cookie方法相关的知识,希望对你有一定的参考价值。
参考技术A 调用设置上面Cookie方法js-cookie是一个简单的,轻量级的 处理cookies的js API 。
cookie的设置获取和删除封装
在我们为了去完成数据储存,有时会用到cookie,简单封装一下cookie:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascript"> //设置cookie function setCookie(name,value,days){ days=days?days:30;//一个月后失效 var exp=new Date(); exp.setTime(exp*1+days*24*60*60*1000); document.cookie=name+"="+escape(value)+";expires="+exp; } setCookie("tel","13546",10); setCookie("name","arch",1); console.log(document.cookie); //获取cookie function getCookie(name){ var reg=new RegExp(‘(^| )‘+name+‘=([^;]*)(;|$)‘); var arr=document.cookie.match(reg); if(arr) return arr[2]; return null; } getCookie("name"); console.log(getCookie("name")); //删除cookie function delCookie(name){ if(getCookie(name)){ setCookie(name,"",-1); } } delCookie("tel"); </script> </body> </html>
以上是关于Vue中封装设置、获取、删除Cookie方法的主要内容,如果未能解决你的问题,请参考以下文章