[toc]

1、三元运算

js文件

// pages/demo/demo.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    "num":1
  }
})

wxml文件

<!--pages/demo/demo.wxml-->
<view hidden="{{num == 1 ? true : false}}">view显示</view>

image.png

num改为0:
image.png

2、算术运算

js文件

// pages/demo/demo.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    "a":1,
    "b":2,
    "c":3
  }
})

wxml文件

<!--pages/demo/demo.wxml-->
<view >{{a + b}} + {{c}} + d</view>

image.png

3、属性值运算

js文件

// pages/demo/demo.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    "len":5
  }
})

wxml文件

<!--pages/demo/demo.wxml-->
<view wx:if="{{len > 3}}">if calc</view>

image.png

4、字符串运算

js文件

// pages/demo/demo.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    "word":"MINA"
  }
})

wxml文件

<!--pages/demo/demo.wxml-->
<view >{{"hello" + word}}</view>

image.png

花括号和引号之间如果有空格,将最终被解析成为字符串

image.png
image.png

Q.E.D.


只有创造,才是真正的享受,只有拚搏,才是充实的生活。