[toc]

1、基本数据绑定

在demo页面下的,demo.js中data属性添加msg数值

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

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

demo.wxml中添加text标签显示msg数值

<!--pages/demo/demo.wxml-->
<text>{{msg}}</text>

image.png

2、属性值绑定

标签中的属性值进行使用绑定值
在demo页面下的,demo.js中data属性添加msg数值

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

  /**
   * 页面的初始数据
   */
  data: {
    "msg":"hello MINA",
    "item":1
  }
})

demo.wxml中添加text标签显示msg数值

<!--pages/demo/demo.wxml-->
<text id="{{item}}">{{msg}}</text>

image.png

3、boolean值用在属性中

使用是否隐藏text标签,进行试验
在demo页面下的,demo.js中data属性添加msg数值

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

  /**
   * 页面的初始数据
   */
  data: {
    "msg":"hello MINA",
    "item":1,
    "bool":true
  }
})

demo.wxml中添加text标签显示msg数值

<!--pages/demo/demo.wxml-->
<text id="{{item}}" hidden="{{bool}}">{{msg}}</text>

image.png

image.png
image.png

Q.E.D.


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