当前位置: 首页 > news >正文

陆家网站建设运营推广

陆家网站建设,运营推广,东莞php网站建设,html做网站心得实例:现有两个页面index.js和category.js,我现在想在index.js中修改category.js的数据 初始数据 category [{name: 物流配送,list: [{id: 1,job: 外卖骑手,checked: true}, {id: 2,job: 快递员,checked: false}, {id: 3,job: 司机,checked: false}, {id: 4,job: …

实例:现有两个页面index.js和category.js,我现在想在index.js中修改category.js的数据

初始数据

category = [{name: '物流配送',list: [{id: 1,job: '外卖骑手',checked: true}, {id: 2,job: '快递员',checked: false}, {id: 3,job: '司机',checked: false}, {id: 4,job: '网约车司机',checked: true}, {id: 5,job: '货运司机',checked: false}]},{name: '仓储',list: [{id: 1,job: '分拣打包扫描',checked: false}, {id: 2,job: '叉车工',checked: false}]},{name: '安保',list: [{id: 1,job: '保安',checked: false}],}];

修改页面代码-index.js

我现在已知的是name的值和id值,我需要修改对应name下list中对应id所对应的checked的值

引入存数据的页面category.js

import category from '../../utils/category'

 

修改数据

方法中进行数据的修改,并将数据存入缓存

select_position: function (e) {var id = e.currentTarget.dataset.id;//获取的id值var name = e.currentTarget.dataset.name;//获取的name值//查询所选的全部元素console.log(category)//查询category中对应的name项const item = category.find(item => item.name === name);if (item) {//查询对应name项下list对应的id项const sonitem = (item.list).find(sonitem => sonitem.id === id);//如果该项存在,将该项的checked值修改为与之相反的值if (sonitem) {sonitem.checked = !sonitem.checked;} else {console.log('没找到对应id值');}} else {console.log('没找到对应');}//延迟一秒后将数据存入缓存setTimeout(() => {wx.setStorageSync('category', JSON.stringify(category));}, 1000);   
},

数据页面代码category.js

判断缓存中是否有数据,如果有数据就执行缓存中的数据,如果没有就执行原始数据

//定义一个数据用于存入数据
let category = []
// 从本地缓存中读取数据
const cachedCategory = wx.getStorageSync('category');
if (cachedCategory) {// 如果本地缓存中有数据,则将其赋值给 category 变量category = JSON.parse(cachedCategory);
} else {// 如果本地缓存中没有数据,则使用默认的 category 数组category = [{name: '物流配送',list: [{id: 1,job: '外卖骑手',checked: true}, {id: 2,job: '快递员',checked: false}, {id: 3,job: '司机',checked: false}, {id: 4,job: '网约车司机',checked: true}, {id: 5,job: '货运司机',checked: false}]},{name: '仓储',list: [{id: 1,job: '分拣打包扫描',checked: false}, {id: 2,job: '叉车工',checked: false}]},{name: '安保',list: [{id: 1,job: '保安',checked: false}],}];
}
export default category;

http://www.dinnco.com/news/71523.html

相关文章:

  • wordpress页脚间距代码百度关键词优化专家
  • 要建立网站是否要先做网页设计_然后把网页设计与数据库连接起来?刘雯每日资讯
  • 湖北武汉网站制作seo站内优化教程
  • 利用关键词进网站后台教育培训机构加盟
  • wordpress修改字体为微软网站优化方案范文
  • 什么网站可以做公务员考试题百度seo2022新算法更新
  • wordpress文字链接去掉下划线南宁seo推广
  • 网站改版有什么影响网络搭建是干什么的
  • 请人做网站后台密码seo页面排名优化
  • 施工企业领导带班记录栾城seo整站排名
  • wap多用户网站友情链接推广平台
  • 酒店机票最便宜的网站建设营销型网站建设步骤
  • 自己做的网站如何让别人看到网络服务有哪些
  • 网站要做几个备案电商网站卷烟订货流程
  • 哈尔滨模板建站哪个品牌好交换链接营销案例
  • 怎样做网站搜索推广电话成都网站分析工具
  • 江阴网站开发招聘新乡百度网站优化排名
  • 自助做网站小说关键词自动生成器
  • wordpress贴内幻灯片百度惠生活怎么优化排名
  • 哪里学网站建设与管理一键优化免费下载
  • seo网站优化收藏营销的手段和方法
  • 成都管理咨询公司排名网站seo关键词优化
  • 浙江网站建设价格找一个免费域名的网站
  • 哪里有零基础网站建设教学培训企业内训
  • 两网站会员同步网站外链平台
  • 网站机房建设图互联网推广的优势
  • 珠海哪家做企业网站公司好手机端网站排名
  • 宁波网站建设服务公司电话网络营销推广工作内容
  • 哪个网站可以做担保交易做竞价推广这个工作怎么样
  • jsp做网站 案例怎么进行网站推广