zoukankan      html  css  js  c++  java
  • 微信小程序操作数组对象

    navinfo: [{ 'NavName': '定位', 'NavIcon': 'location', 'NavIconSize': '22px', 'IconColor': '#000', 'IconCheckedColor': '#fff', 'IsChecked': '0' },
    { 'NavName': '电池', 'NavIcon': 'shopping-cart', 'NavIconSize': '22px', 'IconColor': '#000', 'IconCheckedColor': '#fff', 'IsChecked': '0' },
    { 'NavName': '救援', 'NavIcon': 'phone-circle', 'NavIconSize': '22px', 'IconColor': '#000', 'IconCheckedColor': '#fff', 'IsChecked': '1' },
    { 'NavName': '我的', 'NavIcon': 'manager', 'NavIconSize': '22px', 'IconColor': '#000', 'IconCheckedColor': '#fff', 'IsChecked': '0' }]
    如上代码,需要修改navinfo数组里面的第一个对象{ 'NavName': '定位', 'NavIcon': 'location', 'NavIconSize': '22px', 'IconColor': '#000', 'IconCheckedColor': '#fff', 'IsChecked': '0' },里的IsChecked为1,其他的子项的IsChecked属性修改为0,
    代码:
     _onChange:function(e){
          
          let that=this;
          var _index=e.currentTarget.dataset.index;
          for (let nav in that.properties.NavInfo){
            if (nav == _index){
              that.setData({
                ['NavInfo[' + nav + '].IsChecked']:1
              });
            }else{
              that.setData({
                ['NavInfo[' + nav + '].IsChecked']: 0
              });
            }
          }
        }

    以上函数中的e,由前端的data-index中获取,页面代码如下:

    <view wx:for="{{NavInfo}}" wx:for-item="Item" style="">wx:key="*this" data-index="{{index}}" bindtap="_onChange" class="navItem">
  • 相关阅读:
    python之虚拟环境
    Django之auth模块
    Django之cookie/session
    前端构建工具gulp(2)-- 安装gulp-sass报错问题
    前端构建工具gulp(1)
    ebay api接口开发基本步骤
    华硕win10文档类文件点击右键时会闪一下,没法用右键打开文件
    oracle 12c 加入系统服务
    maven热部署到tomcat
    eclipse配置tomcat
  • 原文地址:https://www.cnblogs.com/PiaoYu/p/11386159.html
Copyright © 2011-2022 走看看