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

2025-06-30 21:38:28

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、效果如下图

微信小程序如何让页面重新渲染
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢