目录
前言:
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>