前言:
一时兴起,不喜勿喷,今天听到了这个问题想到了一个方法,解决方式如下。
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>