微信小程序怎么隐藏view标签?微信小程序隐藏view标签的方法
在微信小程序开发时，根据不同的情况和环境下经常要用到微信小程序隐藏view标签，下面小编就对微信小程序怎么隐藏view标签,微信小程序隐藏view标签的方法收集了一些相关资料，大家可以参考学习下。
首先来讲讲条件渲染脚本控制view标签的隐藏
1、 block wx:if
因为 wx:if 是一个控制属*，需要将它添加到一个标签上。但是如果我们想一次*判断多个组件标签，我们可以使用一个标签将多个组件包装起来，并在上边使用 wx:if 控制属*。
注意：并不是一个组件，它仅仅是一个包装元素，不会在页面中做任何渲染，只接受控制属*。
wx:if vs hidden
因为 wx:if 之中的模板也可能包含数据绑定，所有当 wx:if 的条件值切换时，小程序框架有一个局部渲染的过程，因为它会确保条件块在切换时销毁或重新渲染。
同时 wx:if 也是惰*的，如果在初始渲染条件为 false，小程序框架什么也不做，在条件第一次变成真的时候才开始局部渲染。
相比之下，hidden 就简单的多，组件始终会被渲染。
一般来说，wx:if 有更高的切换消耗而 hidden 有更高的初始渲染消耗。因此，如果需要频繁切换的情景下，用 hidden 更好，如果在运行时条件不大可能改变则 wx:if 较好。
2、微信小程序使用JS隐藏view
表单focus隐藏提示view,blur显示view
小程序视图代码，使用变量控制隐藏类名
类名默认为空串
再获取焦点的事件中，修改data值
通过上面步骤就可以达到隐藏的效果
3、通过控制CSS实现view标签隐藏
小程序的视图代码，使用变量控制隐藏类名
Page({
/**
* 页面的初始数据
*/
data: {
tipsshow:''
},
btn_cbback_tab: function (e) {
if (e.detail.value!="")
{
this.setData({
tipsshow: 'undis'
})
}
else
{
this.setData({
tipsshow: ''
})
}
},
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
}
})
以上就是微信小程序怎么隐藏view标签,微信小程序隐藏view标签方法的全部内容啦，希望对大家学习微信小程序知识有所帮助，如果你还想知道更多精彩内容的话请关注微信小程序商店。
相关推荐：
小程序客服自动回复,小程序如何使用自动回复?
微信小程序审核分类是怎样的?
微信小程序如何实现语音输入发红包?