vue的cookie操作

欢迎进入持续更新的vue项目操作

这是第一段关于vue的代码编写里面的大部分东西只需要直接复制就可以使用不需要引入任何的外部文件!

代码部分

这是代码的存储部分和读取部分!

//读取部分
getCookieFun: function(objname) {
var arr = document.cookie.match(
new RegExp("(^| )" + objname + “=([^;]*)(;|$)”)
);
if (arr != null) return decodeURI(arr[2]);
return null;
},
//存储部分
setCookieFun: function(name, value) {
var Days = 15;
var exp = new Date();
exp.setTime(exp.getTime() + Days * 24 * 15 * 60 * 1000);
document.cookie =
name + “=” + encodeURI(value) + “;expires=” + exp.toGMTString();
}

代码的图片

全局
vue中使用cookie操作
第一步
vue中使用cookie操作
第二部步这里是input要输入的值可以添加点击事件进行操作!
vue中使用cookie操作
让vuex项目存储数值调用方法进行存储,cookie在本地存储的key键名,然后是里面想要存储的值!
这里请直接调用上面的代码进行操作,双向绑定可以帮助我们更快的进行数据的传递!
vue中使用cookie操作

相关文章: