微信小程序开发踩坑合集

一、接口调用

本地调试时,后台接口为http请求,需要更改开发者工具中的设置,将红框里的内容勾选。

1. 在app.js中设置基路径:
data: {
    baseUrl: 'http://32m4im.natappfree.cc'
} 
2.  在需要调用接口的js文件中获取基路径:
data: {
    baseUrl: getApp().data.baseUrl, // 接口基路径
}
3.  接口调用方法示例:
getArticleData: function() {
    var that = this;
    wx.request({
        url: that.data.baseUrl + '/api/Basics/GetArticleInfoByHome',
        method: "POST",
        header: {
            "Content-Type": "application/json"
        },
        success: function (res) {
            that.setData({
                articleData: res.data
            })
        }
    });
},

二、setData

1. 在定义变量之后,若想修改并在页面产生效果,必须使用setData方法,如果不用,虽然console打印出来结果但是页面不会监听显示。
data: {
    obj: {
        name: 'lily',
        old: 20
    },
    array: ['cat', 'dog']
}
// 在方法中修改变量的值
this.setData({
     obj: newobj   // 修改对象直接赋值
})

// 处理数组和对象的属性时需要用以下方法
var a = 'array['+index+']'; 
var b = 'obj.name'
this.setData({
    [a]: 'fish' // 修改数组的元素
    [b]: 'guanguan' // 修改对象的属性
})

三、获取屏幕高度
wx.getSystemInfo({
  success: function(res) {
    console.log(res.model)
    console.log(res.pixelRatio)
    console.log(res.windowWidth)
    console.log(res.windowHeight)
    console.log(res.language)
    console.log(res.version)
  }
})


猜你喜欢

转载自blog.csdn.net/guanguan0_0/article/details/80354980