您的位置:首页 > 移动开发 > 微信开发

微信小程序判断wx:if wx:for template

2017-06-26 14:05 579 查看
view是组件类
wx:if<view wx:if="{{condition}}"><p>true</p></view><view wx:if="{{length>4}}">5</view><view wx:elif="{{length=4}}">4</view><view wx:else>2</view>
使用block控制多个标签,不是一个组件,仅仅是包装元素。不在页面做任何渲染。<block wx:if="{{true}}"><view></view><view></view></block>===========wx:if  和hidden===============wx:if是惰性的初始渲染条件为真的时候才渲染。hidden始终被渲染,如果是频繁切换情景使用hidden.*********列表渲染*********wx:for<view wx:for="{{items}}">{{index}}:{{item.message}}</view>//wx:for-tiem指定数组当前元素的变量名//wx:for-index指定数组当前下标变量名<view wx:for="{{array}}" wx:for-index="idx" wx:for-item="itemName">{{idx}}:{{itemName.message}}</view>模板(template)wxml提供模板,可以在模板种定义代码片段,在不同地方调用。<template name="msgItem"><view><text>{{index}}:{{meg}}</text></view></template>使用模板:is<template is="msgItem" data="{{...item}}"/>Page({ data: { item: { index:0,msg: 'thisis a template', time:'2016-09-15'} }})is属性可以使用Mustache语法,动态决定需要哪个模板:<template name="odd"><view>first</view></template><template name="even"><view>even</view></template><block wx:for="{{1,2,3,4}}"><template is="{{item%2==0?'even':'odd'}}"/></block>模板拥有自己的作用域,只能使用data传入的数据。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  微信小程序