vuejs怎么删除cookie

vuejs删除cookie的方法:1、通过getCookie读取cookie;2、通过setCookie设置cookie;3、通过“delCookie (name) {…}”删除cookie即可。

vuejs怎么删除cookie

本文操作环境:windows7系统、Vue2.9.6版,DELL G3电脑。

vuejs怎么删除cookie?

vue.js设置、获取、删除cookie

 

立即学习“前端免费学习笔记(深入)”;

 项目需要前端获取后台返回的cookie,并以此作判断。我是在main.js入口文件下使用的

具体代码:

new Vue({el: '#app',router,template: '',components: { App },methods:{//读取cookie,需要注意的是cookie是不能存中文的,如果需要存中文,解决方法是后端先进行编码encode(),前端取出来之后用decodeURI('string')解码。(安卓可以取中文cookie,IOS不行)    getCookie(name) {        var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");        if (arr = document.cookie.match(reg)){        return true;       // return (arr[2]);      }else{      return false     }},//设置cookie   name为cookie的名字,value是值,expiredays为过期时间(天数)   setCookie (name, value, expiredays) {     var exdate = new Date();     exdate.setDate(exdate.getDate() + expiredays);    document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString());   }, //删除cookie   delCookie (name) {      var exp = new Date();      exp.setTime(exp.getTime() - 1);      var cval = getCookie(name);     if (cval != null)     document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();   }},created(){   this.setCookie('openId',123,2)   if (this.getCookie('openId')) {   console.log('has cookie')  this.delCookie ('openId')   }else{   console.log('has not cookie')   }}})

登录后复制

相关推荐:《vue.js教程》

以上就是vuejs怎么删除cookie的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3019719.html

(0)
上一篇 2025年3月13日 05:30:26
下一篇 2025年2月19日 10:53:29

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • vue路由传值的几种方式是什么

    vue路由传值的方式:1、利用“router-link”路由导航来传递;2、调用“$router.push”实现路由传参数值;3、通过路由属性中的name匹配路由,再根据params传递参数值;4、通过query来传递参数值。 本教程操作环…

    2025年3月13日
    200
  • vuejs开发如何启动项目

    vuejs启动项目的方法:1、安装node.js;2、安装“@vue/cli”;3、使用“vue create 项目名称”命令创建一个项目;4、使用cd命令进入vue项目目录中;5、执行“npm run serve”命令启动项目。 本教程操…

    2025年3月13日 编程技术
    200
  • 手把手教你使用Vue2代码改成Vue3(图文详解)

    之前的文章《一招教你使用vscode中插件搞定整个项目的代码替换(收藏)》中,给大家介绍了怎么使用vscode中插件搞定整个项目的代码替换。下面本篇文章给大家介绍怎么使用Vue2代码改成Vue3,伙伴们过来看看吧。 Vue3已经出来有一段时…

    2025年3月13日 编程技术
    200
  • vuejs怎么取消冒泡

    vuejs取消冒泡的方法:1、打开相应的vue文件;2、通过“…”方式取消事件冒泡。 本文操作环境:windows7系统、vue2.5.17版、DELL G3电脑。 vuejs怎么取消冒泡? vue.js阻止事件冒泡和默认事件 …

    2025年3月13日
    200
  • vuejs query 传参失败怎么办

    vuejs query传参失败的解决办法:1、打开相应的代码文件;2、查看需要传的数据类型;3、将数据转换为json格式传过去即可。 本文操作环境:windows7系统、vue2.5.17版、DELL G3电脑。 vuejs query 传…

    2025年3月13日
    200
  • vuejs对开发有啥好处

    vuejs对开发的好处有:1、体积小;2、有更高的运行效率;3、让开发者不用再去操作DOM对象,把更多的精力投入到业务逻辑上;4、生态丰富;5、学习成本低。 本文操作环境:windows7系统、vue2.5.17版、DELL G3电脑。 v…

    2025年3月13日 编程技术
    200
  • vuejs创建项目失败怎么办

    vuejs创建项目失败的解决办法:1、卸载nodejs;2、删掉npm-cache等文件夹删掉;3、重新下载nodejs安装;4、输入“npm config list”命令;5、使用“vue init  webpack”创建项目即可。 本文…

    2025年3月13日
    200
  • vuejs el有什么用

    在vuejs中,el的作用为:指明Vue实例的挂载目标,会提供一个在页面上已存在的DOM元素作为Vue实例的挂载目标;在实例挂载之后,元素可以使用“vm.$el”访问。 本教程操作环境:windows7系统、vue2.9.6版,DELL G…

    2025年3月13日 编程技术
    200
  • vuejs如何全局自定义变量

    方法:设置一个专用的的全局变量模块文件,模块里面定义一些变量初始状态,用“export default”暴露出去,在“main.js”里面使用“Vue.prototype”挂载到vue实例上面或者在其它地方需要使用时,引入该模块便可。 本教…

    2025年3月13日
    200
  • vuejs中prop什么意思

    在vuejs中,prop是父组件用来传递数据的一个自定义属性。子组件需要显示的地用props选项声明“prop”;当使用非字符串模板时,prop的名字形式会从camelCase转为kebab-case(短横线隔开)。 本教程操作环境:win…

    2025年3月13日
    200

发表回复

登录后才能评论