wepy

经过快速入门指南,能够快速的进行初级开发了,其中介绍包括事件,以及开发者工具的配置。html

https://juejin.im/entry/59c86d9c6fb9a00a6436cfc0npm

①经过wepy new project 建立新的项目后,发现用的是less预编译器,如何改成sass?sass

在wepy.config.js文件中app

而后npm install wepy-compiler-sass -dev --save 安装就能够使用sass来编码了less

 连接: https://www.cnblogs.com/fayin/p/7655620.html异步

②循环组件repeat的坑函数

1.由于静态编译的机制问题,多个repeat也是一个实例,因此只执行一次onload,致使没法在组件内部经过js对其数据进行处理;工具

解决方案:在父组件中将其处理好,而后经过传一个对象给子组件,若是须要修改,经过直接改父组件的数据并调用this.$apply()便可;(wepy2.x会解决)this

2.不可:prop.syns="object.key"来二级传参,可经过采用computed属性来解决这个问题编码

3.在组件内,由于是异步的问题,在onload中没法经过this.prop来获取数据,能够经过延时函数来解决(setTimeout)

4.组件传布尔值获取不到(prop="boolean")

解决方案:type定义为String, 静态类型传值只能为String, 没有Object, Number, Boolean之类 的。

5 欣慰的是,repeat循环组件后,在组件内的事件的传参是正确的,因此能够使用。

③input组件中value的双向绑定问题

1 <input class="right" value="{{inputValue}}" bindinput="enterInput" bindconfirm="sendMessage" confirm-type="send" focus="true" placeholder="我来讲两句:)" placeholder-style="color: #999; font-size: 24rpx;"/>
1 enterInput(event){
2       this.inputValue = event.detail.value;
3 }

必定要加bindinput事件,否则inputValue的值不会变,致使输入字符后没法经过设置this.inputValue='';来清空输入框

相关文章
相关标签/搜索