js-cookie

1、安装

npm install js-cookie

2、应用

<template>
  <div>
    <button @click="setCookie">创建cookie</button>
    <button @click="getCookie">读取cookie</button>
    <button @click="deleteCookie">删除cookie</button>
  </div>
</template>

<script>
import Cookies from 'js-cookie';
export default {
  name: 'HelloWorld',
  data () {
    return {};
  },
  methods: {
    setCookie: function () {
      // 创建cookie
      // Cookies.set('name', 'value');
      Cookies.set('username', 'sleepwalker');

      // 创建cookie并设置有效期,有效期为7天
      // Cookies.set('name', 'value', { expires: 7 });
      Cookies.set('password', '123', { expires: 7 });

      // 创建cookie并设置有效期,有效期为 60 * 1000 毫秒
      var expirydate = new Date();
      expirydate.setTime(expirydate.getTime() + 60 * 1000);
      Cookies.set('pass', '123', { expires: expirydate });
    },

    getCookie: function () {
      // 读取cookie
      // Cookies.get('name');
      var username = Cookies.get('username');
      var password = Cookies.get('password');
      console.log(username);
      console.log(password);

      //  Cookies.get(); 获取所有cookie,得到的是一个对象
      var cookieData = Cookies.get();
      console.log(cookieData);
      console.log(cookieData.username);
    },

    deleteCookie: function () {
      // 删除 cookie
      // Cookies.remove('name');
      Cookies.remove('username');
      Cookies.remove('password');
    }
  }
};
</script>

<style scoped>

</style>
发布了199 篇原创文章 · 获赞 218 · 访问量 50万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 技术黑板 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览