WXML模板语法-数据绑定

简介: 本文介绍了数据绑定的基本原则和在微信小程序中的应用。主要包括:1) 在页面的.js文件中定义数据;2) 使用Mustache语法(双大括号)在.WXML中绑定数据,用于内容和属性的动态渲染;3) 数据绑定的应用场景,如绑定内容、属性以及进行三元运算和算术运算。通过调试器可以查看页面中的所有数据。

1.数据绑定的基本原则


(1)在data中定义数据


(2)在WXML中使用数据


2.在data页面中定义数据:在页面对应的.js文件中,把数据定义在data对象中即可


(这里打错了 应该是数组类型的数据... 报意思啊)


3.Mustache语法的格式


把data中的数据绑定到页面中渲染,使用Mustache语法(双大括号)将变量包起来即可



4.Mustache语法的应用场景


(1)绑定内容


(2)绑定属性


(3)运算(三元运算,算数运算等)


5.动态绑定内容


.js文件中:



.wxml文件中:



6.动态绑定属性


.js文件中:



.wxml文件中:




7.三元运算


例如:





结果为:



如果希望查看当前页面里面的所有数据,可以通过调试器面板里面的AppData来查看当前页面中的所有数据



8.算术运算




结果为:



目录
相关文章
|
小程序 JavaScript
【微信小程序】-- WXML 模板语法 - 数据绑定(九)
【微信小程序】-- WXML 模板语法 - 数据绑定(九)
|
小程序
在微信小程序中打开的页面不能超过10个,达到10个页面后,就不能再打开新的页面
在微信小程序中打开的页面不能超过10个,达到10个页面后,就不能再打开新的页面
971 1
|
Ubuntu 安全 测试技术
Ubuntu 22.04 Samba 安装和配置
SMB(Server Message Block)是一种跨平台的文件共享协议,它允许不同操作系统之间的文件和打印机共享。在本文中,我们将详细介绍如何在 Ubuntu 服务器上部署和配置一个 SMB 服务器,并涵盖多通道配置、性能测试、安全最佳实践以及一些常见问题。【8月更文挑战第1天】
2467 1
|
机器学习/深度学习 传感器 算法
【白鲸优化算法】基于适应度距离平衡白鲸优化算法(FDBBWO)求解单目标优化问题附matlab代码
【白鲸优化算法】基于适应度距离平衡白鲸优化算法(FDBBWO)求解单目标优化问题附matlab代码
|
小程序 JavaScript
微信小程序-WXML的hidden属性
hidden 属性 • 在 Vue 中我们可以通过 v-show 来控制组件是否显示 • 在小程序中所有组件都支持hidden属性,我们可以通过hidden属性来控制组件是否显示隐藏
467 0
|
运维
Elastic Job进阶--作业是如何被立即触发的
Elastic Job进阶--作业是如何被立即触发的
435 0
|
存储 算法
图的广度优先搜索和深度优先搜索(邻接链表表示)
邻接表表示法将图以邻接表(adjacency lists)的形式存储在计算机中。所谓图的邻接表,也就是图的所有节点的邻接表的集合;而对每个节点,它的邻接表就是它的所有出弧。邻接表表示法就是对图的每个节点,用一个单向链表列出从该节点出发的所有弧,链表中每个单元对应于一条出弧。为了记录弧上的权,链表中每个单元除列出弧的另一个端点外,还可以包含弧上的权等作为数据域。图的整个邻接表可以用一个指针数组表示。例如下图所示,邻接表表示为
351 0
图的广度优先搜索和深度优先搜索(邻接链表表示)
|
存储 NoSQL 数据库
py2neo基本用法
neo4j目前是图数据库的主流,neo4j的Cypher语法简单直观,但是不便于流程化。如果习惯在python环境下处理数据,那么还是要用到python的neo4j库,即py2neo. py2neo本身并不复杂,但要先适应它的思考模式。另一个问题是py2neo文档的示例较少,而且不同版本的py2neo挺不相同,容易弄混。这里要讲的是目前的v4版本。 连接数据库和图 from py2neo import * # *中常用的是Node,Relationship,Graph graph = Graph(url,username='name',password='pw') 2.
1289 0
|
Web App开发
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html><head><meta http-equiv="Cont
"互联网+"概念的提出催生了大量互联网企业,越来越多的传统行业需要与互联网更深地渗透与融合。而在这股互联网化的浪潮中,行业却发现找不到优秀的互联网人才。
1661 0