微信小程序如何让页面重新渲染

 时间:2026-04-24 17:39:25

1、运行微信开发者工具

选择小程序项目

微信小程序如何让页面重新渲染

2、新建小程序项目

微信小程序如何让页面重新渲染

3、进入小程序的开发界面

微信小程序如何让页面重新渲染

4、在index.wxml页面中,添加一个按钮

名称为重新渲染

<button>重新渲染</button>

添加后的效果如图

微信小程序如何让页面重新渲染

5、给这个按钮添加事件

<button bindtap="onrefresh">重新渲染</button>

微信小程序如何让页面重新渲染

6、进入index.js文件

完成事件方法

微信小程序如何让页面重新渲染

7、在onrefresh中完成重新渲染的事件

, onrefresh:function(){

wx.showToast({

title: '开始重新渲染',

icon: 'success',

duration: 2000

});

this.onLoad();

}

微信小程序如何让页面重新渲染

8、效果如下图

微信小程序如何让页面重新渲染

  • 利用js的定时器让div在画面上动起来
  • 数据库怎么对同一张表做等值连接
  • c#如何将datagridview里的单元格变成下拉菜单
  • windows server 2003怎么安装FTP
  • jquery获取对象属性值的方法?
  • 热门搜索
    沙湖旅游 东方旅游 春节香港旅游 黄山市旅游景点 苏州三山岛旅游攻略 圣托里尼岛旅游多少钱 去泰国旅游买什么好 春节旅游的国内景点 重庆旅游租车 湖北旅游景点排行