美文网首页
小程序中的wx-if,wx-for

小程序中的wx-if,wx-for

作者: 方_糖 | 来源:发表于2019-01-21 10:21 被阅读0次

一 . wx-if

  • 1.wx-if 用来显示隐藏
<view wx-if="{{true}}">你看的见我</view>
<view wx-if="{{false}}">你看不见我</view>
  • 2.条件判断
<view wx:if="{{length > 5}}">1</view>
<view wx:elif="{{length > 2}}">2</view>
<view wx:else>3</view>

二.wx-for

  • 一维数组的循环方式:
    定义array

  data: {
    array: [
        {message: 'foo',}, {message: 'bar'}
    ]
  }


循环输出array

<view wx:for="{{list}}">
  {{index}} :{{item.message}}
</view>

默认数组的当前项的下标变量名默认为 index,数组当前项的变量名默认为 item
所以输出为
0:foo
1:bar

  • 二维数组的循环方式

参考:https://www.jb51.net/article/137553.htm

相关文章

网友评论

      本文标题:小程序中的wx-if,wx-for

      本文链接:https://www.haomeiwen.com/subject/sjfzzftx.html