做自由与创造的先行者

逻辑语法

小程序开发手册

通过 {{ 变量名 }} 语法可以使得 WXML 拥有动态渲染的能力,除此外还可以在 {{ }} 内进行简单的逻辑运算。

三元运算:

<!-- 根据 a 的值是否等于 10 在页面输出不同的内容 -->

<text>{{ a === 10? "变量 a 等于10": "变量 a 不等于10"}}</text>

算数运算:

<!--

{ a: 1, b: 2, c: 3 }

-->

<view> {{a + b}} + {{c}} + d </view>

<!-- 输出 3 + 3 + d -->

类似于算数运算,还支持字符串的拼接,如代码2-11所示。

代码清单2-11 字符串的拼接

<!--

{ name: 'world' }

-->

<view>{{"hello " + name}}</view>

<!-- 输出 hello world -->

{{ }}中还可以直接放置数字、字符串或者是数组

代码清单2-12 常量

<text>{{[1,2,3]}}</text>

<!-- 输出 1,2,3 -->

<text>{{"hello world"}}</text>

<!-- 输出 hello world -->

网站建设开发|APP设计开发|小程序建设开发
下一篇:条件逻辑
上一篇:数据绑定