小程序开发中的问题

最新推荐文章于 2023-02-20 16:08:02 发布

拍照要说耶诶

最新推荐文章于 2023-02-20 16:08:02 发布

阅读量684

点赞数 1

分类专栏：学习小程序文章标签：小程序问题解决办法

本文链接：https://blog.csdn.net/Cherishwcc/article/details/53023395

版权

小程序同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

学习

1 篇文章 0 订阅

订阅专栏

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。