小程序开发中的问题

1.如何在一个方法里面的方法里设置data的值?

如:
data:{
    desc : "立论阶段"    
  },
  actionSheetTap:function(e){
    //点击选择阶段 
    var desc = "";
    wx.showActionSheet({
      itemList: this.data.sheetList,
      success: function(res) {
        if (!res.cancel) {
        console.log(res.tapIndex)
        this.setData({desc:"猜猜我是谁"})     
        } 
      }
    })

  }
在actionSheetTap方法里有showAtionSheet方法,需要在showAtionSheet方法里面设置data里desc的值,直接调用this.setData是不行的,是不是因为showAtionSheet和data不同级。

解决办法:

之前遇到这个问题没能解决就绕过去了,感谢@tianxiaxue1提供的解决办法。
确实是因为作用域的原因,产生了新的作用域导致this的指向问题,看了资料后总结了两种解决办法;
(1)在函数里加var that = this;  
data:{
    desc : "立论阶段"    
  },
  actionSheetTap:function(e){
    //点击选择阶段 
    var desc = "";
    var that = this;
    wx.showActionSheet({
      itemList: this.data.sheetList,
      success: function(res) {
        if (!res.cancel) {
        console.log(res.tapIndex)
        that.setData({desc:"猜猜我是谁"})     
        } 
      }
    })

  }

(2)使用箭头函数(这里有一篇箭头函数的参考文档https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/arrow_functions)
data:{
    desc : "立论阶段"    
  },
  actionSheetTap:function(e){
    //点击选择阶段 
    var desc = "";
    wx.showActionSheet({
      itemList: this.data.sheetList,
      success: (res)=> {
        if (!res.cancel) {
        console.log(res.tapIndex)
        this.setData({desc:"猜猜我是谁"})     
        } 
      }
    })

  }


2.设置tabBar图片无法显示 下面是仿大众点评做的例子:
tabBar配置如下:
"tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "品质优惠",
      "iconPath": "assets/images/钻石.png",
      "selectedIconPath": "selectedIconPath"
    },
    {
      "pagePath": "pages/pzyh/pzyh",
      "text": "品质优惠",
      "iconPath": "assets/images/钻石.png",
      "selectedIconPath": "selectedIconPath"
    },
    {
      "pagePath": "pages/find/find",
      "text": "发现",
      "iconPath": "assets/images/发现.png",
      "selectedIconPath": "selectedIconPath"
    },
    {
      "pagePath": "pages/mine/mine",
      "text": "我的",
      "iconPath": "assets/images/我的.png",
      "selectedIconPath": "selectedIconPath"
    }
    ]
  }

结果首页图标无法显示,反复检查了路径并没有问题

后来才发现,我的代码中没有设置selectedIconPath,但是所有bar都没设置selectedIconPath,却只有第一个图标无法显示,由此看来,应该tabBar应该默认第一个为selected。
 
  

你可能感兴趣的:(学习,小程序)