小程序 笔记

一、 表单处理

　　a、form标签： bindsubmit属性用于设置方法来监听表单的提交事件,对应的表单提交按钮的form-type属性设置为submit。 bindreset用于设置方法来监听表单的重置事件，对应的表单提交按钮的form-type属性设置为reset

　　bindsubmit => form-type="submit"

　　bindreset=> form-type="reset"

　　b、监听输入事件须要用bindinput

　　c、表单元素须要设置name属性，name是json数据的key，能够根据key取到对应值，e.detail.value拿到表单提交数据；value绑定值，e.detail.value取值；能够设置id，经过e.target.id拿到值，进行一些操做。

　　d、button：form-type设置按钮的类型，有submit、reset，submit提交进行数据交互处理，reset进行表单数据重置。open-type设置是否须要进行受权，打开会话等一些微信开放能力，包括share（打开分享），contact（打开会话），getPhoneNumber（调起受权手机号），getUserInfo（获取用户信息），launchApp（打开app），openSetting（打开设置权限页），feedback（打开反馈页面）。经过bindgetphonenumber=“xxx”，设置方法，拿到回调，进行数据处理。

 

二、全部的属性绑定都要用{{}}，{{}} 内部能够进行简单运算；没有wx:show。背景图须要用线上图片或者二进制数据流才能解析。不少html标签是不能按预期显示的，好比table，strong ，能够写而后本身定义样式。

三、this.setData({})设置data中定义的属性

四、自定义组件

　　a、新建组件

　　b、而后在须要用到组件的page中配置xx.json页面的useingComponent对象，key为组件的标签名，value填写组件的目标路径。

　　c、在xx.wxml中写入组件名做为标签即引入了组件

　　d、组件之间的数据传输：

　　　父组件->子组件：父组件中将须要传输的数据直接以自定属性的样子写在组件tag上，属性名是子组件接收数据的数据名，值用{{}}包裹，是父组件中data中定义的须要传输给子组件的变量，或者直接值。

　　　　　　　　　　　子组件在properties对象内接收，数据以对象的形式设置数据类型，数据默认值。而后子组件能够使用。

　　子组件->父组件：在子组件中以triggerEvent对外广播事件xxx，params是数据参数=>this.triggerEvent('xxx', params);

　　　　　　　　　　在父组件中的组件tag上监听xxx事件，以getxxx处理事件监听，拿到数据，bindxxx=“getxxx”；

五、自定义的组件内不能使用css属性选择器。组件的dom流是直接向下排列的，因此好比弹窗类的组件须要css设置定位到top：0；