小程序wepy踩坑记小程序wepy踩坑记

最近又要做小程序了
同事推荐了一个微信官方的框架wepy
问题1
编译之后发现不能正确运行
把这个去掉就好了（代码压缩也要去掉，这个也会引发一些问题）

文章图片
图片.png 这样我们就能像开发vue一样开发小程序了
npm run dev运行
得到 / 改变变量的值

//传统模式 self.setData({userInfo: userinfo}); //wepy var self = this self.setTimeoutTitle = '到三秒了' self.$apply()

调用全局app.wpy 的方法

this.$parent.getUserInfo(function (userInfo) {})

组件通信

// parent.wpydata = https://www.it610.com/article/{ parentTitle:'p-title' }; // child.wpyprops = { // 静态传值 title: String,// 父向子单向动态传值 syncTitle: { type: String, default: 'null' },twoWayTitle: { type: String, default: 'nothing', twoWay: true } }; onLoad () { console.log(this.title); // p-title console.log(this.syncTitle); // p-title console.log(this.twoWayTitle); // p-titlethis.title = 'c-title'; console.log(this.$parent.parentTitle); // p-title. this.twoWayTitle = 'two-way-title'; this.$apply(); console.log(this.$parent.parentTitle); // two-way-title.--- twoWay为true时，子组件props中的属性值改变时，会同时改变父组件对应的值 this.$parent.parentTitle = 'p-title-changed'; this.$parent.$apply(); console.log(this.title); // 'c-title'; console.log(this.syncTitle); // 'p-title-changed' --- 有.sync修饰符的props属性值，当在父组件中改变时，会同时改变子组件对应的值。 }

【小程序wepy踩坑记】问题2
启用promise
启用promise后原生的 wx.requst就不能用了。。。
要换成promise的写法

进入项目根目录，安装polyfillnpm install wepy-async-function --save在app.wpy中引入polyfillimport 'wepy-async-function'; 在app.wpy中使API promise化export default class extends wepy.app {constructor () { super(); this.use('promisify'); }}

问题3
录音后，开发者工具无法播放在本地缓存的声音
但是手机预览的可以的
问题4
wxParse 富文本解析组件无法使用
原因 wxParse.js中的
that.setData(bindData) 无法生效，导致数据无法绑定上去
解决办法
wxParse.js 返回数据，在使用页面中
用 this.xxx = xxx 绑定
再通过 this.$apply() 同步上去