首页 > 电脑专区 > 微信教程 >

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

来源:互联网 2023-02-21 17:51:45 326

微信小程序如何让页面重新渲染KVZ办公区 - 实用经验教程分享!

工具/原料

  • 微信小程序

方法/步骤

  • 1

    运行微信开发者工具KVZ办公区 - 实用经验教程分享!

    选择小程序项目KVZ办公区 - 实用经验教程分享!

    微信小程序如何让页面重新渲染KVZ办公区 - 实用经验教程分享!

  • 2

    新建小程序项目KVZ办公区 - 实用经验教程分享!

    微信小程序如何让页面重新渲染KVZ办公区 - 实用经验教程分享!

  • 3

    进入小程序的开发界面KVZ办公区 - 实用经验教程分享!

    微信小程序如何让页面重新渲染KVZ办公区 - 实用经验教程分享!

  • 4

    在index.wxml页面中,添加一个按钮KVZ办公区 - 实用经验教程分享!

    名称为重新渲染KVZ办公区 - 实用经验教程分享!

    button>重新渲染/button>KVZ办公区 - 实用经验教程分享!

    添加后的效果如图KVZ办公区 - 实用经验教程分享!

    微信小程序如何让页面重新渲染KVZ办公区 - 实用经验教程分享!

  • 5

    给这个按钮添加事件KVZ办公区 - 实用经验教程分享!

    button bindtap="onrefresh">重新渲染/button>KVZ办公区 - 实用经验教程分享!

    微信小程序如何让页面重新渲染KVZ办公区 - 实用经验教程分享!

  • 6

    进入index.js文件KVZ办公区 - 实用经验教程分享!

    完成事件方法KVZ办公区 - 实用经验教程分享!

    微信小程序如何让页面重新渲染KVZ办公区 - 实用经验教程分享!

  • 7

    在onrefresh中完成重新渲染的事件KVZ办公区 - 实用经验教程分享!

    KVZ办公区 - 实用经验教程分享!

    , onrefresh:function(){KVZ办公区 - 实用经验教程分享!

    wx.showToast({KVZ办公区 - 实用经验教程分享!

    title: '开始重新渲染',KVZ办公区 - 实用经验教程分享!

    icon: 'success',KVZ办公区 - 实用经验教程分享!

    duration: 2000KVZ办公区 - 实用经验教程分享!

    });KVZ办公区 - 实用经验教程分享!

    this.onLoad();KVZ办公区 - 实用经验教程分享!

    }KVZ办公区 - 实用经验教程分享!

    KVZ办公区 - 实用经验教程分享!

    微信小程序如何让页面重新渲染KVZ办公区 - 实用经验教程分享!

  • 8

    效果如下图KVZ办公区 - 实用经验教程分享!

    微信小程序如何让页面重新渲染KVZ办公区 - 实用经验教程分享!

  • 8相关内容非法爬取自百度经验
  • 以上方法由办公区教程网摘抄自百度经验可供大家参考!KVZ办公区 - 实用经验教程分享!


    标签: 软件微信微信小程序

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码