美文网首页
小程序开发中遇坑集

小程序开发中遇坑集

作者: 我是渐渐呀 | 来源:发表于2017-04-11 16:10 被阅读96次

1.wx.request中的数据加载到页面

错误方式:
<pre>
var that = this;
wx.request({
url:app.globalData.url.api.home,
success: function(res) {
var a= res;
//这样直接赋值并不会把数据渲染到页面上的 不过 0.9版本的时候这样做是可以的
that.data.a=a;
}});
</pre>

正确方式:
<pre>
that.setData({
a:a;
});
</pre>

2.data-XX 数据存取

官方文档中的错误示范(个人觉得):

Paste_Image.png

正确方式 :
正确的dataset的值是放在currentTarget中的,用targer时常会取不到值
应该这样:event.currentTarget.dataset来获取dataset

3.小程序post写法

这点在小程序文档中没有解释清楚

<pre>
wx.request({
url: app.globalData.server + '/cart/list.do',
header: { "content-type": "application/x-www-form-urlencoded" },
method: "POST",
data: Util.json2Form({ cartId: app.globalData.cartId}),
success:function(){}
})
</pre>

json2Form方法

<pre>
function json2Form(json) {
var str = [];
for (var p in json) {
str.push(encodeURIComponent(p) + "=" + encodeURIComponent(json[p]));
}
return str.join("&");
}
</pre>

相关文章

  • 小程序开发中遇坑集

    1.wx.request中的数据加载到页面 错误方式: var that = this;wx.request({u...

  • 小程序爬坑日记

    小程序爬坑日记 最近因公司安排首次接触了微信小程序的开发,本来仗着有Vue的基础以为很简单,没想到开发过程中还是遇...

  • 开发微信小程序分页功能的坑

    微信小程序开发分页的坑 微信小程序开发中list列表经常要进行分页处理,踩坑在所难免。 app.json wxml...

  • 微信小程序开发中遇到的问题与技巧汇总

    从微信小程序发布到现在经手的小程序也有好几个了,开发过程中多少会遇到一些坑,这里汇总一下开发中遇到过的坑与小程序开...

  • 小程序填坑

    小程序很火,开发看起来也很友好,但是真正开发过后就会发现,真的是坑很多。 组件的坑 在小程序中,组件分为原生组件和...

  • 小程序开发遇坑指南(一)

    PS:关于小程序的文章想写很久了,但是由于小程序一直在开发的原因,一拖再拖,趁现在有点时间起个头先。 本遇坑指南不...

  • Taro填坑记

    最近项目要求使用Taro框架来开发,目的是同时支持H5,RN及微信小程序,于是开始了我的填坑之旅,以下是使用中的遇...

  • 小程序云开发教程(地雷篇,持续更新)

    目录一、代码坑二、IDE缺陷 系列教程小程序云开发教程(初识篇)小程序云开发教程(入门篇) 一、代码坑 二、IDE...

  • mpvue坑点记录

    在入坑小程序的日志中,原生开发,wepay开发,mpvue开发,tato开发还是uni-app,其实框架还是因人而...

  • 微信小程序开发遇坑记

    小程序是什么? 腾讯微信端的类原生app开发,用一堆腾讯写的组件和自己造一些组件,进行app开发吧。 第一个小程序...

网友评论

      本文标题:小程序开发中遇坑集

      本文链接:https://www.haomeiwen.com/subject/oakuattx.html