• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

微信小程序 数据绑定 和 数据运算

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

* 使用 “{{   }}”来绑定数据、做数据运算。

数据绑定:

  1. 在wxml中的标签中绑定 js data 属性中的 数据

  2. 数据也可以绑定在 标签 属性

  3. {{ }}中可以使用三元表达式

数据运算:

  1. 数学运算 {{ 1 + 1 }}

  2. 字符串拼接 {{ ‘1’ + ‘1’ }}

  3. 三元表达式 {{ true? \'value1\':\'value2\' }}

<view>
    <!-- 1. 绑定data中的数据 -->
    <view>人物:{{name}}</view>
    <view>
        要买的东西:
        <text>{{shopping.food}}-</text>
        <text>{{shopping.shoe}}-</text>
        <text>{{shopping.drinks}}</text>
    </view>

    <!-- 2. 绑定三元表达式 -->
    <view>{{10 % 2 === 0? \'偶数\': \'奇数\'}}</view>

    <!-- 3. 绑定data中的数据给属性 -->
    <view data-money="{{money}}"></view>
    
    <!-- 4. 运算 -->
    <view>{{1 + 1}}</view>              <!-- 2 -->
    <view>{{\'1\' + \'1\'}}</view>          <!-- 11 -->
    <view>{{true? \'对\': \'错\'}}</view>    <!---->
</view>

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
关于随机四则运算的小程序发布时间:2022-07-18
下一篇:
微信小程序云开发商城项目日记 01发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap