'数据绑定'扩展

来自CloudWiki
跳转至: 导航搜索

关键字(需要在双引号之内)

true:boolean 类型的 true,代表真值;

false:boolean 类型的 false,代表假值;

vertical=“{ {false} }”;

算数运算

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


Page({

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

}) view中的内容为 3 + 3 + d。

数据路径运算

<view>{ {object.key} }{{array[0]}}</view>//可以绑定多个

Page({

 data: {
   object: {
     key: 'Hello '
   },
   array: ['MINA']
 }

})

字符串运算

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

 data:{
   name: 'MINA'
 }

})

控制标签元素的显示和隐藏

<view wx:if="{ {img_condition} }"> </view> Page({

 data: {
 },
 onLoad: function (options) {
   var post_content1={
  img_condition:false/true,
 }

this.setData(post_content1); },

})