加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

微信小程序 (七)数据绑定详细介绍

发布时间:2020-12-14 20:26:35 所属栏目:资源 来源:网络整理
导读:数据绑定有一部分前几个看着还行,后面的几个可能有几个不理解,界面展示的数据有的也因为条件没法显示。看不懂的可以先记着,后面真正用到时就会明白,反正我是这样想的。这里先记录下 data.wxml {{message}} view id="item-{{id}}"组件属性 view wx:if="{{

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

data.wxml

{{message}}

<view id="item-{{id}}">组件属性

<view wx:if="{{condition}}">控制属性

<view hindden="{{flag ? true : false}}">三元运算符

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

<view wx:if="{{length > 5}}">asdf

{{"Hello " + name}}

<view wx:for="{{[zero,1,2,3,4,5,6]}}">{{item}}

<template is="objectCombine" data="{{for: x,bar: y}}">

<template is="objectCombine" data="{{...obj1,...obj2,p: 5}}">

<template is="objectCombine" data="{{foo,bar}}">

data.js

//内容绑定
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'

},})

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读