微信小程序-1.数据绑定

微信小程序开发

Posted by 松下百合子 on March 9, 2019

忙于Android,IOS端BunToy开发,将近两年没有写微信小程序了,现在要完成人工智能头像生成器,很多知识生疏当做笔记记之。

文章转载自BunToy 源码

数据绑定

  • WXML 中的动态数据均来自对应 Page 的 data。

简单绑定

数据绑定使用 Mustache 语法(双大括号)将变量包起来.例如在wxml中代码如下

img

1
2
3
4
5
Page({
  data: {
    msg : "888888"
  },
}

在模拟器中显示如下 img

属性绑定

把数据绑定在标签的属性中

img

1
2
3
4
5
6
Page({
  data: {
    msg : "888888",
    testid: "10000"
  }
}

关键字

  • 关键字(需要在双引号之内)
  • true:boolean 类型的 true,代表真值。
  • false: boolean 类型的 false,代表假值。

img

在js中进行绑定如下

1
2
3
4
5
6
data: {
    msg : "888888",
    testid: "10000",
    flag : true,
    unflag : false
  }

在页面的复选框中,显示如下 : 代表成功对复选框进行了动态的是否选中的赋值 .

img 特别注意:不要直接写 checked=“false”,其计算结果是一个字符串,转成 boolean 类型后代表真值。

三元运算符

算数运算

字符串运算