记录一下做小程序tab切换并保存check选中状态的操作。

  这里需要记录下你当前选中check的状态(具有唯一性的都可以)。我是直接存在storage里面了。然后切换的时候拿数据列表的值和缓存中的值进行比较。如果符合的话就选中。但是一般的单层for循环无法完成。会有一些问题达不到目的。利用双层循环的话来比对他们的值就行了

  

   reg  = "缓存数组中的值"    this.goodsList = "拿到的数据"     for (let i = 0; i < this.goodsList.length; i++) {
         for (let j = 0; j < reg.length; j++) {
            if(this.goodsList[i].id == reg[j]){
               console.log("完美匹配");
               this.goodsList[i].check = true;
            }else{
               console.log("没有匹配到");
            }
          }
       }

原文地址:https://www.cnblogs.com/kangshuishneg/p/11577392.html

时间: 2024-10-08 04:28:57

记录一下做小程序tab切换并保存check选中状态的操作。的相关文章

微信小程序tab切换,可滑动切换,导航栏跟随滚动实现

引用:https://www.cnblogs.com/till-the-end/p/8935152.html 简介 看到今日头条小程序页面可以滑动切换,而且tab导航条也会跟着滚动,点击tab导航,页面滑动,切导航栏也会跟着滚动,就想着要怎么实现这个功能 像商城类商品类目如果做成左右滑动切换类目用户体验应该会好很多,我这里只是一个小demo,没有怎么去考虑数据的问题,主要是想着去实现这么个功能,有可能后期引入数据后会出现问题,欢迎提出互相讨论 解决过程 1.在想要实现这个问题的时候找了不少别人的

用angularjs做简单的tab切换

用angularjs做简单的tab切换: 页面部分 <div> <div id="tabs" ng-controller="TabsCtrl"> <ul> <li ng-repeat="tab in tabs" ng-class="{active:isActiveTab(tab.url)}" ng-click="onClickTab(tab)">{{tab.t

找外包公司做小程序都有哪些坑?

小程序火了,许多企业都想做小程序,但是苦于没有技术团队,所以找外包公司成了最好的选择.但是传统的外包公司总是给人一种不靠谱的感觉,外包公司都有哪些不靠谱呢? 第一.没有不能做的产品 不靠谱的外包公司通常号称自己什么都能做,你提的任何需求他都承诺可以做.不去具体分析需求,这种其实是很不负责任的表现.遇到这种是最惨的,稀里糊涂的产品就被做出来了,结果发现达不到自己想要的效果,欲哭无泪. 第二.没有核心技术人员 外包行业的很多从业者在专业性方面有所缺乏,完成的项目质量因此受到影响:这个问题一些大的外包

微信小程序-tab标签栏实现教程

一.摘要 tab栏(标签切换栏)是app中常见的一种交互方式,它可以承载更多的内容,同时又兼顾友好体验的优点.但在小程序中,官方并没有为咱们提供现成的组件.因此我们程序员展现才艺的时候到了(其实市面上的ui库也做了这个组件).今天咱们就来实现一个对用户更加友好的tab栏,让用户“一点”就停不下来,起到解压的功效~~! 废话不多说,先上效果图. 不瞒您说,这东西我能点一天^^.言归正传,由于tab栏用的地方很多,所以需要封装成组件,因此没有开发或者没用过组件的同志请瞧一瞧官方文档.我之前也写过一篇

记录使用微信小程序的NFC和蓝牙功能读取15693芯片的开发历程

开发目标: (1) 对于Android手机,直接通过微信小程序调用手机的NFC功能,对15693协议的芯片进行读写操作: (2)对于苹果手机(及没有NFC模块的手机),通过微信小程序的蓝牙功能连接到蓝牙/NFC读写器,然后通过蓝牙发送指令操作读写器对15693协议的芯片进行读写操作. DAY #1 上午开了半天会,下午开始开发. 先开发简单的:直接通过Android手机的NFC模块读写芯片.开发思路如下: 1. 首先调用 wx.getHCEState(OBJECT), 判断设备是否支持NFC,如

香港怎么做小程序

目前,小程序开放注册范围为内陆公司,海外及港澳台公司还暂不支持注册,所以海外及港澳台人士要成功注册并运营小程序还需要一些特殊办法. 有这方面需要的可以加微信:lxwl360 咨询. 或直接扫以下二维码添加: QQ:3429476441

海外怎么做小程序

目前,小程序开放注册范围为内陆公司,海外及港澳台公司还暂不支持注册,所以海外及港澳台人士要成功注册并运营小程序还需要一些特殊办法. 有这方面需要的可以加微信:lxwl360 咨询. 或直接扫以下二维码添加: QQ:3429476441

台湾怎么做小程序

目前,小程序开放注册范围为内陆公司,海外及港澳台公司还暂不支持注册,所以海外及港澳台人士要成功注册并运营小程序还需要一些特殊办法. 有这方面需要的可以加微信:lxwl360 咨询. 或直接扫以下二维码添加: QQ:3429476441

国外怎么做小程序

目前,小程序开放注册范围为内陆公司,海外及港澳台公司还暂不支持注册,所以海外及港澳台人士要成功注册并运营小程序还需要一些特殊办法. 有这方面需要的可以加微信:lxwl360 咨询. 或直接扫以下二维码添加: QQ:3429476441