zoukankan      html  css  js  c++  java
  • Vue前端设置cookies

    vue-cookies


    一、模块的安装

    npm install vue-cookies --save

    二.配置main.js

    // 全局配置cookie,组件调用方式:this.$cookies
    import cookies from 'vue-cookies'
    Vue.prototype.$cookies = cookies; 
    //配置cookies生命周期,单位不区分大小写
    this.$cookies.config('1d') //填的值1d为一天,1h为一小时,1min为一分钟,1s为1秒:如下表
    时间单位单位全名
    y year(年)
    m month(月)
    d day(日)
    h hour(时)
    min minute(分)
    s second(秒)

    三.使用方式

    • 设置cookies:this.$cookies.set(key,value)   例如=======>this.$cookies.set('userInfo',‘’)

    • 获取指定的cookies:this.$cookies.get(key)

    • 获取所有cookies返回为数组的形式:this.$cookies.keys(key)

    • 删除:this.$cookies.remove(key)

    • 删除后如果没有重启浏览器,cookies的key还在的,不过value为空。

    • 检查某个cookies的value是否存在:this.$cookies.isKey(key)

    四.举个栗子

    1)将用户id写入cookies中
            this.$cookies.set("userId","9527") 
    (2)获取写入的id的cookies
           let userId= this.$cookies.get("userId")
           则,userId=9527;
     (3) 删除写入的id的cookies
           this.$cookies.remove("userId")

     

  • 相关阅读:
    数字和字母交替打印
    日期和字符串的转化
    redis简介
    管理MySQL的命令
    创建mysql数据表成功
    微信账号 echo_server 的实现
    html5 画个圈
    php练习1
    人生十大点
    养生“六伤”、“十二莫”、“十二少”
  • 原文地址:https://www.cnblogs.com/zhif97/p/13742023.html
Copyright © 2011-2022 走看看