小程序怎么让页面只显示某个VIEW
时间: 2023-11-03 21:06:23 浏览: 27
可以通过CSS样式控制页面元素的显示和隐藏。具体做法如下:
1. 在view组件上添加一个id属性,例如:id="myview"
2. 在页面的样式文件(.wxss)中添加以下代码:
```
#myview {
display: block; /* 显示该view */
}
/* 或者 */
#myview {
display: none; /* 隐藏该view */
}
```
3. 根据需要选择显示或隐藏该view,可以在页面的onLoad函数中修改view的样式,例如:
```
Page({
onLoad: function() {
wx.setNavigationBarTitle({
title: '页面标题'
})
// 隐藏其他view,只显示myview
wx.createSelectorQuery().select('#other-view').boundingClientRect(function(rect) {
rect.top // 节点的上边界坐标
rect.left // 节点的左边界坐标
rect.width // 节点的宽度
rect.height // 节点的高度
// 设置样式
wx.setStorageSync('other-view-style', 'display: none;');
wx.setStorageSync('myview-style', 'display: block;');
}).exec();
}
})
```
4. 在view组件上添加一个style属性,设置样式,例如:
```
<view id="myview" style="{{wx.getStorageSync('myview-style')}}">
<!-- view的内容 -->
</view>
```
以上是一种常见的实现方式,可以根据实际情况进行调整。