落暮星河 2024-02-26 15:14 采纳率: 69.6%
浏览 1

vue3 cookie 读取功能不调用

vue3-use 使用cookie 设置,读取和删除,设置和删除正常响应,读取部分功能不调用没有结果,代码无语法报错

img

  • 写回答

4条回答 默认 最新

  • 码农阿豪@新空间代码工作室 Java领域优质创作者 2024-02-26 15:14
    关注
    让阿豪来帮你解答,本回答参考chatgpt3.5编写提供,如需一对一服务私聊我哦
    由于提供的代码不完整,无法判断需要对哪部分代码进行修改。不过,以下是关于Vue3中使用cookie进行设置、读取、删除的示例代码: 设置cookie:
    import { reactive } from 'vue';
    const state = reactive({
      cookieValue: '', // 绑定cookie的值
      cookieDuration: 30, // 时间(以天为单位)
    });
    function setCookie() {
      let date = new Date();
      let expiresDays = state.cookieDuration; // 将cookie的过期时间设为n天后
      date.setTime(date.getTime() + expiresDays * 24 * 3600 * 1000); // 格式化日期
      document.cookie = `cookieName=${state.cookieValue}; expires=${date.toGMTString()}`;
    }
    

    读取cookie:

    function getCookie(cookieName) {
      let arr,
        reg = new RegExp('(^| )' + cookieName + '=([^;]*)(;|$)');
      if ((arr = document.cookie.match(reg))) {
        return unescape(arr[2]);
      } else {
        return null;
      }
    }
    // 使用方法
    let cookieValue = getCookie('cookieName');
    

    删除cookie:

    function delCookie(cookieName) {
      let date = new Date();
      date.setTime(date.getTime() - 1);
      let delValue = getCookie(cookieName);
      if (delValue != null) {
        document.cookie = `${cookieName}=${delValue}; expires=${date.toGMTString()}`;
      }
    }
    // 使用方法
    delCookie('cookieName');
    

    需要注意的是,上述代码中的cookieName(cookie的名称)和cookieValue(cookie的值)需要根据实际情况进行修改。如果无法正常响应,可能需要检查是否存在其他代码冲突,或者可以尝试在浏览器的开发者工具中查看console输出信息,以确定是否存在语法错误或其他异常。

    评论

报告相同问题?

问题事件

  • 创建了问题 2月26日

悬赏问题

  • ¥15 惠普360g9的最新bios
  • ¥15 配置hadoop时start-all.sh老是启动失败
  • ¥30 这个功能用什么软件发合适?
  • ¥60 微信小程序,取消订单,偶尔订单没有改变状态
  • ¥15 用pytorch实现PPO算法
  • ¥15 关于调制信号的星座图?
  • ¥30 前端传参时,后端接收不到参数
  • ¥15 这是有什么问题吗,我检查许可证了但是显示有呢
  • ¥15 机器学习预测遇到的目标函数问题
  • ¥15 Fluent,液体进入旋转区域体积分数不连续