微信小程序在开发中遇到的问题与解决方法

1.

√

　这种错误多半是该js文件中没有Page这个方法，就算是空的js也必须要把Page（{ }）写上去

2.

√

　这种错误多半是该json文件没有内容，所以必须要加上{ }，就算是空内容也要加上{ }。

　补一句：小程序里json文件中不允许有注释不然会报错。

3.

未解决

　这个问题我不知道怎么解决了。我使用了一个模板，iconClass在当前页面的js中的data里是一个数组，我只想让它使用第一个属性，但是使用数组的下标 iconClass[ 0 ]这样就出现错误了，如果不要下标就是数组全部输出。

4.

[b]√[/b]

　这个错误就很明显了。小程序中的背景图片不能使用本地的路径，要么使用在服务器上的图片路径，要么编码成base64位。

　image标签才可以使用本地路径。

5.点击view之后，获取该view的text值 √

　　这个的解决办法就是：把view的text值放在data数据里面，然后点击事件触发的时候就获取对应data的数据

6.获取input输入框的值： √

　　给input绑定事件：bindinput= ' code （自定义事件名称）'，

　　然后在page里面：

code：function(e){
var txt= e.detail.value  //这个txt就是监听到的值
}

7.给每个单独的页面设置顶部导航栏的效果：√

　　在需要设置顶部导航栏的页面的json文件中写下配置导航栏的代码：

{
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#C79C77",
"navigationBarTitleText": "忘记密码",
"navigationBarTextStyle": "white"
}

　　注意：不要写成这样哦：

{
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#C79C77",
"navigationBarTitleText": "忘记密码",
"navigationBarTextStyle": "white"
}
}

　　这样是不行的，要去掉window才可以。如果不配置的话就默认使用app.json里面的导航栏配置。

8.动态修改元素的css样式：√

<view style='color:{{bg}}'></view>

　bg是在page的data里面申明的颜色

data: {
bg:""
}

　然后在某个事件触发的时候setData该值就能动态修改了，比如触发名称为tap的事件：

tap:function(){
this.setData({
bg:"skyblue"
})
}

9.

√

　　在wx:for={{}}后面加上wx:key=""可消除警告

10.小程序里的text标签，使用换行的时候出现的问题：√

<text>合计：
<text>￥666666</text>
</text>

得到的结果：



上面的写法和下面的写法是不一样的

<text>合计：<text>￥666666</text></text>

　　这就很奇怪了，在HTML中，这不是一样的吗。。。反正在微信小程序里，如果text标签后面有换行，显示的时候也会把换行自动加进去，和HTML中的不一样。

11.小程序中的textarea，有个auto-height属性，自增高，本来挺好的属性，但是有一点小问题√

<textarea placeholder='请输入留言内容' auto-height="true" show-confirm-bar="false"></textarea>

当textarea设置字体大小为29rpx以下时：会出现下面的情况：


就是当文字在第二行时，并不会自动增加高度，只会出现滚动条。只有在第三行出现时才自增高度

但是当字体大小设置为30rpx以上时，就会正确的在第二行增加高度。



12.

[b]√[/b]

　　这种情况多半是在该json文件里面的最后一个json数据多了一个“，”逗号。例如：

{
"navigationBarTitleText": "地址修改",
}

13.在使用setData动态修改数据的时候，如果出现数据修改了，在调试器的AppData里面数据也在同时变化，但是就是页面渲染不了数据，即总是显示不出来√

　　这种情况多半是setData设置的数据是某个数据里的子数据，不是根数据点；例如：

　　data里面的某个数据swiperList

swiperList:[{        //每个导航栏商品数据
pid:0,
adSrc:"../../public/img/index/idx-ad.png",
//当前导航栏所有的商品数据
GoodsList: [{
Gid:0,
imgSrc: "../../public/img/order/order-img.png",
Gname: "联联想联想联想联想",
GnewPrice: "1",
GoldPrice: "111",
Gtip: "促销",
GtipContent: "显示折扣8.8折，最后两小时",
Gnum: "0"
}, {
Gid: 11,
imgSrc: "../../public/img/order/order-img.png",
Gname: "联联想联想联想联想",
GnewPrice: "2",
GoldPrice: "222",
Gtip: "促销",
GtipContent: "显示折扣8.8折，最后两小时",
Gnum: "0"
}],
}]

　　我要动态修改里面GoodsList的值，最初我使用动态修改子数据点

var goods = this.data.swiperList[page].GoodsList[idx];
var num = goods.Gnum;//当前商品原来的数量
num--;
goods.Gnum = num;//修改增加后的商品数量
this.setData({
goods: goods, //修改商品的数量
})

　　这样修改之后，值是修改了，但是就是渲染不出来。最后修改为根数据点就正常了。

this.setData({
swiperList: this.data.swiperList, //修改商品的数量
})

14.

√

　　这个是小程序获取设置权限的时候得到的一个对象，我想获取里面scope.userLocation的布尔值，最初我以为对象都是可以用“.”来进行操作的，但是这样不行，只有通过下面这种方式。

　　res.authSetting["scope.userLocation"],这样就能获取到需要的布尔值了。因为读取对象的属性，有两种方法，一种是使用点运算符，还有一种是使用方括号运算符，如果key值为数字也用方括号运算符。