小程序判断是否为第一次进入小程序

最新推荐文章于 2025-01-29 19:38:39 发布

red_paper_zj

最新推荐文章于 2025-01-29 19:38:39 发布

阅读量3.4k

点赞数

文章标签： javascript 小程序

本文链接：https://blog.csdn.net/red_paper_zj/article/details/113354632

版权

该博客探讨了小程序的加载流程，特别是当'flag'不存在时如何设置并利用'flag'来控制前端组件显示。在onLoad函数中，如果'flag'不存在，会将'lead'设置为true，更新数据并存储'openId'到本地存储。同时，展示了如何使用条件渲染指令tt:if来控制白色方块组件（.white1）的显示，该组件的样式定义了其尺寸和背景颜色。

摘要由CSDN通过智能技术生成


html：

<view class="white1" tt:if="{{lead}}"></view>

js：

data { lead: false, },

onLoad(){

	let openId = tt.getStorageSync('openId')

    let flag = tt.getStorageSync('flag')

    if (flag) {

      console.log('flag存在,正常进入小程序', flag)

    } else {

      console.log('flag不存在,设置flag')

      this.setData({

        lead: true

      })

      tt.setStorageSync('flag', openId);

    }

},

css:

.white1 {

	height:100rpx;

	width:100rpx;

	background:red;

}