我在页面中渲染 元素 用wx:if{{}} 使用了 上面的变量 ,现在这个变量从flase ,变为true , 那么怎么样重新刷新页面 使得元素渲染出来呢
时间: 2024-03-24 10:42:06 浏览: 68
Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
当全局变量的值发生改变时,可以通过调用页面的 `setData` 方法来刷新页面,使得元素重新渲染出来。具体实现方法如下:
1. 在页面中使用 `wx:if` 指令,例如:
```
<view wx:if="{{isLoading}}">
加载中...
</view>
<view wx:else>
加载完成
</view>
```
2. 在页面的 `onLoad` 方法中,初始化页面数据,包括全局变量的值,例如:
```
const app = getApp()
Page({
data: {
isLoading: app.globalData.isLoading
},
onLoad: function () {
// 初始化数据
this.setData({
isLoading: app.globalData.isLoading
})
}
})
```
3. 当全局变量的值发生改变时,调用页面的 `setData` 方法来刷新页面,例如:
```
// 获取全局变量
const app = getApp()
// 修改全局变量的值
app.globalData.isLoading = true
// 刷新页面
this.setData({
isLoading: app.globalData.isLoading
})
```
这样,当全局变量的值从 `false` 变为 `true` 时,元素就会重新渲染出来。
阅读全文