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

news/2024/10/25 19:35:53/

目录

前言:

html部分

js部分

完整代码


前言:

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

html部分

他用于显示访问次数(visitCount变量的值)。

<template><view class="content"><view><text>访问次数: {{ visitCount }}</text></view></view>
</template>

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) 保存到本地存储中,以便在下次加载页面时继续使用。

完整代码

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


http://www.ppmy.cn/news/1207780.html

相关文章

2023.11.7: OpenAI DevDay总结

New Model&#xff1a;ChatGPT4.0 turbo 更长的context&#xff1a;支持长达128000个tokens的context 更好的控制方案&#xff1a; 更有利于API调用JSON Mode Function calling Reproducible outputs 通过一个seed使得模型的回答总是保持一致 Better Knowledge 支持知识检索…

Java面试题04

1.Array 和 ArrayList 有何区别&#xff1f; Array是固定长度的&#xff0c;元素类型可以是基本类型&#xff0c;创建后大小不可改变&#xff1b;ArrayList是可变长 度的&#xff0c;只能存储对象&#xff0c;可以动态添加和删除元素。 区别1&#xff1a; 存储类型不同 …

在gitlab中指定自定义 CI/CD 配置文件

文章目录 1. 介绍2. 配置操作3. 配置场景3.1 CI/CD 配置文件在当前项目step1&#xff1a;在当前项目中创建目录&#xff0c;编写流水线文件存放在该目录中step2&#xff1a;在当前项目中配置step3&#xff1a;运行流水线测试 3.2 CI/CD 配置文件位于外部站点上step1&#xff1a…

Win10专业版安装wsl-ubuntu子系统

文章目录 一、查看是否满足安装要求二、管理员权限启动 Windows PowerShell三、启用Windows10子系统功能四、启用虚拟机平台功能五、重启电脑六、下载 Linux 内核更新包&#xff08;适用于 x64 计算机的 WSL2 Linux 内核更新包&#xff09;七、将 WSL 2 设置为默认版本八、打开…

linux centos 安装最新版本 tesseract

最近遇到一个问题&#xff0c;发现centos只能支持到tesseract 3.X版本&#xff0c;版本针对中文识别效果比不上tesseract 4.X以上的版本&#xff0c;所以计划对线上的tesseract进行一次升级 第一步先安装C17, 下载 gcc-8.3.0.tar.gz tar -zxvf gcc-8.0.0.tar.gz cd gcc-8.3.0…

Leetcode Hot 100之四:283. 移动零+11. 盛最多水的容器

283.移动零 题目&#xff1a; 给定一个数组 nums&#xff0c;编写一个函数将所有 0 移动到数组的末尾&#xff0c;同时保持非零元素的相对顺序。 请注意 &#xff0c;必须在不复制数组的情况下原地对数组进行操作。 示例 1: 输入: nums [0,1,0,3,12] 输出: [1,3,12,0,0] …

【C++】STL容器适配器——queue类的使用指南(含代码使用)(18)

前言 大家好吖&#xff0c;欢迎来到 YY 滴C系列 &#xff0c;热烈欢迎&#xff01; 本章主要内容面向接触过C的老铁 主要内容含&#xff1a; 欢迎订阅 YY滴C专栏&#xff01;更多干货持续更新&#xff01;以下是传送门&#xff01; 目录 一、queue 类——基本介绍二、queue 类…

计算机视觉与深度学习 | 视频/图像转换及保存播放(Matlab源码)

===================================================== github:https://github.com/MichaelBeechan CSDN:https://blog.csdn.net/u011344545 ===================================================== 视频/图像转换及保存/播放 avi2img.m 功能:将视频转换为单张图片avi2m…