Javascript VueJs如何每天调用一次modal?
下午好)请帮忙。如何在站点加载时每天弹出一次模式。我有两个本地存储和cookie选项,但我不知道如何使逻辑正确 项目链接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
嘿,我想这应该行得通
// 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()
},
};
}
看起来很有效谢谢你我有个问题模态窗口第二天会弹出吗?