小程序系列-5.WXML 模板语法
发布时间:2024年01月13日
?一、数据绑定
1、在 data 中定义页面的数据
?动态绑定内容:

?动态绑定属性:

2. Mustache 语法的格式?
?
3. Mustache 语法的应用场景?

4. 三元运算
?
5.算数运算?

二、?事件绑定
?1. 什么是事件?

2. 小程序中常用的事件?

3. 事件对象的属性列表?
?
4. target 和 currentTarget 的区别?

5. bindtap 的语法格式?

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

7. 事件传参?



8. bindinput 的语法格式?
?
9. 实现文本框和 data 之间的数据同步?
实现步骤:
定义数据
渲染结构
美化样式
绑定 input
事件处理函数?

?

?三、条件渲染
?1. wx:if
?2. 结合 <block> 使用 wx:if
?3. hidden

4. wx:if 与 hidden 的对比?
?
四、列表渲染?
?1. wx:for
?2. 手动指定索引和当前项的变量名*
?
3. wx:key 的使用
?
文章来源:https://blog.csdn.net/he123456lei/article/details/135480137
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:chenni525@qq.com进行投诉反馈,一经查实,立即删除!