uniapp在不需要后端数据的情况下 怎么记录用户进一次记录一次

目录

前言：

html部分

js部分

完整代码

---

前言：

一时兴起，不喜勿喷，今天听到了这个问题想到了一个方法，解决方式如下。

html部分

他用于显示访问次数（visitCount变量的值）。

js部分

简单来说就是刚进入页面onload进行调用数值+1事件并且存一下，就这么简单

export default {
  data() {
    return {
      visitCount: 0,
    };
  },
  onLoad() {
    // 在页面加载时获取访问次数
    this.visitCount = uni.getStorageSync("visitCount") || 0;
    // 刚进入页面就调用
    this.incrementVisitCount()
  },
  methods: {
    incrementVisitCount() {
      this.visitCount++;
      uni.setStorageSync("visitCount", this.visitCount);
    },
  },
};

• data() 函数定义了页面的数据属性。在这里，我们定义了一个名为visitCount的数据属性，用于存储用户的访问次数，初始值为 0。

• onLoad() 钩子函数是 UniApp 生命周期的一部分，当页面加载时被触发。在这个函数中，我们首先尝试从本地存储中获取之前保存的访问次数（uni.getStorageSync("visitCount")），如果没有保存过，就使用默认值 0。然后，我们调用 incrementVisitCount 方法，这样页面一加载就会增加访问次数。

• incrementVisitCount() 方法用于增加访问次数，并将新的访问次数保存到本地存储中。每次调用这个方法，visitCount 的值会增加 1，并使用 uni.setStorageSync("visitCount", this.visitCount) 保存到本地存储中，以便在下次加载页面时继续使用。

完整代码