小程序学习(四):WXML模板语法

WXML模板语法-数据绑定

1.数据绑定的基本原则

①在data中定义数据

②在WXML中使用数据

2.动态绑定属性

小程序学习(四):WXML模板语法_第1张图片

 WXML模板语法-事件绑定

3.什么是事件

小程序学习(四):WXML模板语法_第2张图片

4.小程序中常用的事件

小程序学习(四):WXML模板语法_第3张图片

 5.事件对象的属性列表

小程序学习(四):WXML模板语法_第4张图片

 6.target和currentTarget的区别

小程序学习(四):WXML模板语法_第5张图片

 7.bindtap的语法格式

小程序学习(四):WXML模板语法_第6张图片

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

小程序学习(四):WXML模板语法_第7张图片

 9.事件传参

小程序学习(四):WXML模板语法_第8张图片

小程序学习(四):WXML模板语法_第9张图片

小程序学习(四):WXML模板语法_第10张图片

 10.bindinput的语法格式

小程序学习(四):WXML模板语法_第11张图片

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

实现步骤:

①定义数据

小程序学习(四):WXML模板语法_第12张图片

②渲染结构

小程序学习(四):WXML模板语法_第13张图片

③美化结构

小程序学习(四):WXML模板语法_第14张图片

④绑定input事件处理函数

小程序学习(四):WXML模板语法_第15张图片

WXML模板语法-条件渲染

12.wx:if

小程序学习(四):WXML模板语法_第16张图片

 13.结合使用wx:if

小程序学习(四):WXML模板语法_第17张图片

14.hidden

小程序学习(四):WXML模板语法_第18张图片

 15.wx:if与hidden的对比

小程序学习(四):WXML模板语法_第19张图片

  WXML模板语法-列表渲染

16.wx:for

小程序学习(四):WXML模板语法_第20张图片

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

小程序学习(四):WXML模板语法_第21张图片

18.wx:key的使用

小程序学习(四):WXML模板语法_第22张图片

你可能感兴趣的:(小程序,学习)