时间:2021-05-18
数据绑定有一部分前几个看着还行,后面的几个可能有几个不理解,界面展示的数据有的也因为条件没法显示。看不懂的可以先记着,后面真正用到时就会明白,反正我是这样想的。这里先记录下
data.wxml
<!--数据绑定使用对象---内容--><view>{{message}}</view><!--数据绑定使用对象---组件属性---需要在双引号之内--><view id="item-{{id}}">组件属性</view><!--数据绑定使用对象---控制属性---需要在双引号之内--><view wx:if="{{condition}}">控制属性</view><!--数据绑定使用对象---三元运算--><view hindden="{{flag ? true : false}}">三元运算符</view><!--数据绑定使用对象---算数运算--><view>我是运算结果---{{a + b}} + {{c}} + d</view><!--数据绑定使用对象---逻辑判断--><view wx:if="{{length > 5}}">asdf</view><!--数据绑定使用对象---字符串运算--><view>{{"Hello " + name}}</view><!--数据绑定使用对象---数组组合--><view wx:for="{{[zero, 1, 2, 3, 4, 5, 6]}}">{{item}}</view><!--数据绑定使用对象---对象--><template is="objectCombine" data="{{for: x, bar: y}}"></template><!--数据绑定使用对象---扩展运算符对象 ... 将一个对象展开--><template is="objectCombine" data="{{...obj1, ...obj2, p: 5}}"></template><!--数据绑定使用对象---对象的key和value相同时--><template is="objectCombine" data="{{foo, bar}}"></template>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 组件
数据绑定input 组件 navigator 组件
View组件 picker组件 audio 组件
scroll-view组件 radio组件video组件
swiper组件 slider组件 Image组件
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
微信小程序最近要火,火不火看看微信用户就知道了,做前端的朋友可以大展身手,跟上脚步,这里来介绍下微信小程序的数据绑定。>>>数据视图绑定做前端开发的同学,尤其是
微信小程序之前台循环数据绑定微信小程序的循环数据绑定到wxml例:wxml里:{{item.message}}通过上面的wx.for可以绑定一个数组,数组是js
微信小程序循环及嵌套循环的使用总结关于微信小程序,最近被安排做微信小程序,首次接触,总体来说上手不是太困难。对于小程序的循环问题颇有感触,因为自己绑定数据到界面
很多微信商家想要注册微信小程序,但是很多商家用户对微信小程序怎么入驻,微信小程序如何申请的相关内容还有不了解。那么今天小编就来给各位详细的介绍一下微信小程序
本文实例讲述了微信小程序学习笔记之本地数据缓存功能。分享给大家供大家参考,具体如下:前面介绍了微信小程序获取位置信息操作。这里再来介绍一下微信小程序的本地数据缓