当前位置: 首页 > news >正文

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

WXML模板语法-数据绑定

1.数据绑定的基本原则

①在data中定义数据

②在WXML中使用数据

2.动态绑定属性

 WXML模板语法-事件绑定

3.什么是事件

4.小程序中常用的事件

 5.事件对象的属性列表

 6.target和currentTarget的区别

 7.bindtap的语法格式

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

 9.事件传参

 10.bindinput的语法格式

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

实现步骤:

①定义数据

②渲染结构

③美化结构

④绑定input事件处理函数

WXML模板语法-条件渲染

12.wx:if

 13.结合<block>使用wx:if

14.hidden

 15.wx:if与hidden的对比

  WXML模板语法-列表渲染

16.wx:for

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

18.wx:key的使用

http://www.lryc.cn/news/103873.html

相关文章:

  • IDEA好用的插件总结
  • 如何在Linux系统中安装ActiveMQ
  • 【Latex】常用公式编辑与符号:公式换行,标号居中、常用符号等
  • 【ArcGIS Pro二次开发】(55):给多个要素或表批量添加字段
  • CentOS7.3 安装 docker
  • 代码随想录算法训练营第五十二天 | 300.最长递增子序列、674.最长连续递增序列、718.最长重复子数组
  • 1、Tomcat
  • centos 内网实现mail发送
  • 【雕爷学编程】MicroPython动手做(25)——语音合成与语音识别2
  • 如何用C#实现上位机与下位机之间的Wi-Fi通信?
  • 学习笔记|大模型优质Prompt开发与应用课(二)|第五节:只需3步,优质Prompt秒变应用软件
  • VB客运中心汽车售票管理系统设计与实现
  • 计算机网络——学习笔记
  • JSON对象
  • 26 用lsqnonlin求解最小二乘问题(matlab程序)
  • Verilog语法学习——LV6_多功能数据处理器
  • 发送信息----策略模式
  • PySpark介绍与安装
  • 细讲TCP三次握手四次挥手(三)
  • vue 组件中 data 为什么必须是函数
  • 从零开始学python(十二)如何成为一名优秀的爬虫工程师
  • 为高性能计算构建,由亚马逊云科技Amazon Graviton3E驱动的最新实例正式可用
  • BUUCTF题目Crypto部分wp(持续更新)
  • A Generalized Loss Function for Crowd Counting and Localization阅读笔记
  • SocketD协议单链接双向RPC模式怎么实现
  • apache poi 设置背景颜色
  • Vue2-Vue3组件间通信-EventBus方式-函数封装
  • 【SpringBoot】| SpringBoot 和 web组件
  • dflow工作流使用1——架构和基本概念
  • python小游戏课程设计报告,python游戏课程设计报告