微信小程序之wx:if视图层的条件渲染

示例：

wxml：使用view

</view>

</view>

wxss：

/**index.wxss**/

.bg_black {

height: 200rpx;

background: lightskyblue;

}

.bg_red {

height: 200rpx;

background: lightpink;

}

js：

// index.js

Page({

data: {

boolean:false

EventHandle: function(){

var bol = this.data.boolean;

this.setData({

boolean: !bol

})

}

})

续上：

把上面标注绿色部分的view改成block

wxml：使用block

</block>

</block>

转载于:https://www.cnblogs.com/asdf-0310/p/8074030.html

微信小程序之wx:if视图层的条件渲染相关推荐

微信小程序之wx:if视图层的条件渲染 —— 微信小程序教程系列（10）
使用wx:if进行视图层的条件渲染示例: wxml:使用view  <button bindtap="EventHandle" ...
走进小程序【六】微信小程序架构之【视图层】万字详解
文章目录
微信小程序 - 高级 - wx:for 与 wx:for-items 与 wx:key - 1
前言: 微信小程序的循环实现,通过wx:for 与 wx:for-items 与 wx:key,那么他的主要使用特点是什么呢? 1 wx:for 从目前的例子看,wx:for 的使用确实是对数组来做的 ...
微信小程序遍历wx:for,wx:for-item,wx:key
微信小程序中wx:for遍历默认元素为item,但是如果我们设计多层遍历的时候我们就需要自定义item的字段名以及key的键名 wx:for="{{item.goodsList}}" ...
今天微信小程序发现wx.request不好使了,调试报错: 小程序要求的 TLS 版本必须大于等于 1.2...
今天微信小程序发现wx.request不好使了,调试报错: 小程序要求的 TLS 版本必须大于等于 1.2 查官方文档解决方法在 PowerShell中运行以下内容, 然后重启服务器 # Enab ...
微信小程序的wx:for和vue的v-for
写代码的时候,微信小程序的wx:for和vue的v-for,有点搞混了,所以特意举个简单的例子(todos)来区分下. 微信小程序 index.wxml <view class="li ...
微信小程序的wx.chooseImage如何把图片传给后端
微信小程序的wx.chooseImage如何把图片传给后端首选wx.chooseImage的用法先见官方文档 => wx.chooseImage 这个的返回值如下↓ 这里可以看到这个temp ...
微信小程序之wx.request:fail错误，真机预览请求无效问题解决，安卓,ios网络预览异常
微信小程序之wx.request:fail错误,真机预览请求无效问题解决,安卓,ios网络预览异常参考文章: (1)微信小程序之wx.request:fail错误,真机预览请求无效问题解决,安卓,i ...
微信小程序使用wx.chooseLocation返回的数据没有省份的处理方法
微信小程序使用wx.chooseLocation返回的数据没有省份的处理方法遇到的问题: 第一个坑: 使用wx.chooseLocation获取地址,当输入地址时,有时候第一个搜索结果没有省市区信息 ...

微信小程序之wx:if视图层的条件渲染

微信小程序之wx:if视图层的条件渲染相关推荐

最新文章

热门文章