Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript VueJs如何每天调用一次modal?_Javascript_Vue.js - Fatal编程技术网

Javascript VueJs如何每天调用一次modal?

Javascript VueJs如何每天调用一次modal?,javascript,vue.js,Javascript,Vue.js,下午好)请帮忙。如何在站点加载时每天弹出一次模式。我有两个本地存储和cookie选项,但我不知道如何使逻辑正确 项目链接 嘿,我想这应该行得通 // modalService.js const STORAGE_KEY = "LS_LAST_UPDATE"; const getStorageValue = () => { try { return JSON.parse(localStorage.getItem(STORAGE_KEY)); } catch

下午好)请帮忙。如何在站点加载时每天弹出一次模式。我有两个本地存储和cookie选项,但我不知道如何使逻辑正确

项目链接

嘿,我想这应该行得通

// modalService.js
const STORAGE_KEY = "LS_LAST_UPDATE";

const getStorageValue = () => {
  try {
    return JSON.parse(localStorage.getItem(STORAGE_KEY));
  } catch {
    return "";
  }
};

const setStorageValue = (value = "") =>
  localStorage.setItem(STORAGE_KEY, JSON.stringify(value));

const dateIsOld = () => {
  const today = new Date().toLocaleDateString();

  return getStorageValue() !== today;
};

const updateDate = () => {
  setStorageValue(new Date().toLocaleDateString());
};

export { dateIsOld, updateDate };

export default {
  dateIsOld,
  updateDate,
};
在vue组件中,您可以执行以下操作

import { dateIsOld, updateDate } from "./path/to/modalService.js"
export default {
  name: "App",
  data() {
    return {
      showModal: false,
    };
  },
  mounted() {
    //this.runModalTimer()
    this.showModal = dateIsOld()
  },
  methods: {
    close() {
      this.showModal = false;
      updateDate()
    },
  };
}

看起来很有效谢谢你我有个问题模态窗口第二天会弹出吗?