微信小程序

标签：-- 微信 程序 else item 标签 hidden wx

模板语法：

1、数据绑定

 .wxml: 

     1.text标签            相当于以前web中的span标签          行内元素         不会换行

     2.view标签           相当于以前web中的div标签             块级元素         会换行

     3.checkbox标签   相当于以前的复选框标签

     4.使用bool类型充当属性，字符串和{之间不要存在空格，否则会导致识别失败，以下写法是错误的  

       <checkbox checked="        {{false}}"></checkbox>  

2、简单运算

3、列表渲染

--列表循环 　　

<view wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="xiao"> 大傻逼{{index}} 臭傻逼{{item.fan}} </view> <text wx:for="{{biao}}" wx:key="*this">{{item}}</text>

--对象循环

--block标签

　　1>相当于占位符的标签

　　2>写代码的时候是可以看到这个标签存在的

　　3>页面渲染的时候小程序会把它移除掉

<view wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="xiao"> 大傻逼{{index}} 臭傻逼{{item.fan}} </view> <text wx:for="{{biao}}" wx:key="*this">{{item}}</text>

4、条件渲染

　　1.wx:if={{"true/false"}}

<view wx:if="{{false}}">大帅比</view> <block wx:if="{{true}}">大傻逼</block>

　　2.if,else,if else

　　wx:if

　　wx:elif

　　wx:else

<view wx:if="{{false}}">大帅比</view> <view wx:elif="{{false}}">真是个大帅比</view> <view wx:else>好帅啊</view> 　　3.hidden 　　1>在标签上直接加入属性 hidden 　　2>hidden=“{{true}}” <view hidden>任鹏挺优秀的</view> <view hidden="{{false}}">这是真的</view> 　　4.什么场景下用哪个 　　　　1>当标签不是频繁的切换显示，优先使用wx:if 　　　　　　直接把标签从页面结构中给移除掉 　　　　2>当标签频繁的切换显示的时候，优先使用hidden 　　　　　　通过添加样式的方式来切换显示 　　　　　　hidden属性不要和样式display一起使用

 

 

标签：--,微信,程序,else,item,标签,hidden,wx
From： https://www.cnblogs.com/19960924renpeng/p/12501608.html