微信小程序 （七）数据绑定详细介绍

微信小程序 （七）数据绑定详细介绍

数http://据绑定有一部分前几个看着还行，后面的几个可能有几个不理解，界面展示的数据有的也因为条件没法显示。看不懂的可以先记着，后面真正用到时就会明白，反正我是这样想的。这里先记录下

data.wxml

{{message}}

组件属性

控制属性

三元运算符

我是运算结果---{{a + b}} + {{c}} + d

asdf

{{"Hello " + name}}

{{item}}

data.js

Page({

data:{

//内容绑定

message: 'Hello WeApp',

//组件属性绑定

id: 0,

//控制属性绑定

condition: true,

//三元运算

flag:false,

//算数运算

a: 1,

b: 2,

c: 3,

//逻辑判断

length: 6,

//字符串运算

name: '顺子',

//数组组合

zero: 0,

//对象

x: 0,

y: 1,

//对象展开

obj1: {

a: 1,

b: 2

},

obj2: {

c: 3,

d: 4

},

p: 5,

//对象key和value形同时

foo: 'my-foo',

bar: 'my-bar'

},

})

相关文章：

hello WeApp                      icon组件

Window                             text组件                                switch组件

tabBar底部导航                 progress组件                        action-sheet

应用生命周期                    button组件                            modal组件

页面生命周期                    checkbox组件                       toast组件

模块化详                           form组件详                            loading 组件

数据绑定        &nbgHoXursp;                  input 组件                             navigator 组件

View组件                          picker组件                             audio 组件

scroll-view组件                 radio组件                              video组件

swiper组件                        slider组件                              Image组件

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。