vue的cookies:vue-cookies 设置,获取及删除指定的cookies

9月前作者：Stacey-TL 分类：Toy博客阅读(38) 违法举报

这篇具有很好参考价值的文章主要介绍了vue的cookies:vue-cookies 设置,获取及删除指定的cookies。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

安装：
npm install vue-cookies --save

引用

main.js中设置

// vue-cookies配置
import cookies from 'vue-cookies'
Vue.prototype.$cookies = cookies;

vue-cookie使用

1、设置cookie

this.$cookies.set(keyName, value[, expireTimes[, path[, domain[, secure]]]])   //return this

// 简洁使用
this.$cookies.set('key','value', '过期时间,按秒计');

// 示例
this.$cookies.set('username',response.data.username, '张三');

2、获取cookie

this.$cookies.get(keyName)       // return value

3、删除cookie

this.$cookies.remove(keyName);

4、判断cookie中是否有指定的key

this.$cookies.isKey(keyName)

5、获取所有cookie文章来源地址https://www.toymoban.com/news/detail-635065.html

this.$cookies.keys()

到了这里，关于vue的cookies:vue-cookies 设置,获取及删除指定的cookies的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

postman获取接口返回的数据，在全局设置cookie

1.首先在postman调通登录接口，获取接口返回的信息。返回数据的headers里，有一行“Set-Cookie\\\"，是我们要用到的。 2.将获取到的数据处理，获取到cookie，并全局存储。代码：可以在控制台里打印，看看data里是什么。左上角的菜单点开，选择 View -- Developer -- Show DevTools。 3.在别

2024年02月11日
浏览(52)
MFC的文件操作——获取指定文件夹下面所有文件路径和删除指定文件夹下面所有文件

目录 1.获取指定文件夹下面所有文件路径 2.删除指定文件夹下面所有文件 3.MFC的CString 字符串操作 4.MFC的 Int类型与 Htuple类型数据之间转换 5.上述提及的函数应用 6.MFC与Halcon联合编程，获取halcon异常 7.MFC获取指定路径下的文件夹路径 ①、文件夹路径获取方式 ②

2024年02月16日
浏览(116)
vue 前端登录获取token后添加到cookie，并使用token获取其他数据（添加到请求头中）

1.登录获取到token存到cookie中这里我的cookie设置为一天失效 cookie.js代码如下 main.js导入到全局使用 request.js请求头添加token 最后浏览器可查看到并且下一次发请求时候请求参数中可查看到

2024年02月15日
浏览(43)
Vue实现leafletMap自定义绘制线段并且删除指定的已绘制的点位

效果：点击表格可实现选中地图点位，删除按钮点击可删除对应点位并且重新绘制线段，点击确定按钮保存已经绘制的点位信息传给父组件并且该组件已实现回显完整的组件代码如下文件名称为：

2024年02月14日
浏览(37)
vue路径上如何设置指定的前缀 || 在同一ip和端口部署多个vue项目

在实际开发项目里，我们可能有多个系统需要部署。一般我们都是通过nginx代理路径。但是如何在ip和端口不变的情况下同时访问多个系统呢？这时候我们就需要使用不通的前缀名去指向多个系统的页面地址。 nginx配置光配置nginx肯定是不行的，因为你在访问项目路由的时候，

2024年02月06日
浏览(47)
vue编写组件根据指定日期获取一周内所有日期与农历日期展示并标记当天

首先我们要引入一下对应的第三方依赖这里我们需要 chinese-lunar-calendar 将日期变成农历日期的工具 sass是因为我这里为了方便用了 sass写样式组件代码如下感兴趣的朋友可以拿出做个二开什么的效果如下跨年跨月这些我都是写了判断的例如我们将created 代码修改如下改

2024年02月05日
浏览(45)
Vue Router不要再使用params传参了，params获取不到参数，官方删除params传参

之前说过，vue路由传参有两种方式，分别是 query 和 params ；query是明文，params是隐藏的；今天在使用params的时候发现获取不到参数了我的写法： 1、路由配置： 2、跳转： 3、接收： 4、结果：得到一个警告和空对象查看链接4.1.4更新日志发现官方做了删除替代，那这样的话

2024年02月10日
浏览(77)
js删除cookie

要删除一个cookie，你可以使用JavaScript中的 document.cookie 属性。这个属性包含当前页面上所有的cookie。要删除一个cookie，你可以将其设置为已过期，如下所示：在这个例子中， cookieName 是要删除的cookie的名称。通过将其设置为空字符串并将过期日期设置为过去的某个时间，co

2024年01月16日
浏览(44)
vue获取+设置光标位置光标定位选择输入框文本

版本：vue2、vant2 在vue是用ref、 r e f s 获取 d o m 的，在 v a n t 框架里 v a n − f i e l d 是输入框组件，它不支持直接设置光标的方法 s e t S e l e c t i o n R a n g e ( ) ，所以通过 t h i s . refs获取dom的，在vant框架里van-field是输入框组件，它不支持直接设置光标的方法setSelectionRange()，所

2024年02月16日
浏览(53)
vue做移动端上拉加载删除当前列表某个数据保持当前状态继续获取下一页不影响正常的数据

//主要思路是把点击删除的数据让后端置为false // 比如我请求了3页，一页10条数据 // 一共30条，我一条一条删除，点击删除之后调用后端删除接口， // 但是不能调用刷新接口，不然我请求的3页数据就会重置到第一页， // 我可以把每次分页请求的数据保存在前端data的数组里，

2024年02月16日
浏览(54)