微信小程序（下）

目录

在事件处理函数中为 data 中的数据赋值

事件传参

bindinput 的语法格式

实现文本框和 data 之间的数据同步

条件渲染

结合 使用 wx:if

hidden

wx:if与 hidden 的对比

wx:for

手动指定索引和当前项的变量名

wx:key 的使用

WXSS 和 CSS 的关系

什么是 rpx 尺寸单位

@import 的语法格式

全局配置文件及常用的配置项

window 节点常用的配置项 

​编辑

tarbar

 tabBar的6个组成部分

tabBar 节点的配置项 

小程序中网络数据请求的限制

网络数据请求

在页面刚加载时请求数据

---

在事件处理函数中为 data 中的数据赋值

通过调用 this.setData(dataObject)方法，可以给页面 data 中的数据重新赋值，示例如下:

事件传参

小程序中的事件传参比较特殊，不能在绑定事件的同时为事件处理函数传递参数。下面的代码就不能正常工作👇

因为小程序会把 bindtap 的属性值，统一当作事件名称来处理，相当于要调用一个名称为 btnTapHandler(123)的事件处理函数。

可以为组件提供 data-*自定义属性传参，其中*代表的是参数的名字，示例代码如下:

最终:

• info 会被解析为参数的名字数值
• 8 会被解析为参数的值

在事件处理函数中，通过 event.target.dataset,参数名 即可获取到具体参数的值，示例代码如下: 

 

bindinput 的语法格式

在小程序中，通过 input 事件来响应文本框的输入事件，语法格式如下:通过 bindinput，可以为文本框绑定输入事件

实现文本框和 data 之间的数据同步

绑定input 事件处理函数:

条件渲染

wx:if

在小程序中，使用