fwq

抽屉菜单是app上常见的菜单设计方式，典型的抽屉菜单如下图所示 抽屉菜单 下面展示如何基于微信小程序实现抽屉菜单,最终效果如下图所示： 抽屉菜单 页面包含一个主页和抽屉菜单页，为了实现滑动效果，页面采用absolute布局，代码如下index.wxml <view>   <view>     <image></image>     <text>{{userInfo.nickName}}</text>   </view></view><view>   <view>     <image></image>     <text>{{userInfo.nickName2}}</text>   </view></view> 登录后复制 index.wxss .main-page {   width:100%;   height:2000rpx;   position: absolute;   top: 0;   left: 0;   padding: 200rpx 0; } .drawer-menu {   width: 800rpx;   height:2000rpx;   position: absolute;…

场景 在小程序其它页面做了操作，数据发生改变，回到webview页面时需要更新webview里面的数据。由于小程序没有提供与webview的实时通信能力，因此刷新页面是个可考虑的做法。 方法一 最常见的做法，修改一下webview的url，加点query参数什么的，页面就会更新了。但是这会增加webview的浏览history，导致用户在后退的时候，会在webview内退到前一个页面，而不是退到小程序的前一个页面。 方法二 在小程序内调用wx.redirectTo(OBJECT)方法。这里填当前页面的url。其实是关闭当前页面重新打开，变相达到刷新webview的目的。但是由于重新打开了小程序页面，因此耗时会增加一些。并且，用户会看到前一个页面闪一下，然后出现新页面。 方法三 首先，让webview做条件渲染： <web-view></web-view> 登录后复制 需要刷新时，先把webviewUrl设为空，销毁当前webview。然后再把webviewUrl设为当前值。如下：   refreshWebview: function () {     let tmpUrl = this.data.webviewUrl;     this.setData({       webviewUrl: ''     });     setTimeout(() =&gt; {       this.setData({         webviewUrl: tmpUrl       })     }, 100);   } 登录后复制 这样便可以在不影响导航栏历史的情况下刷新页面，也可以是跳转url。这里setData之后，页面内容的更新应该是异步执行的，因此我们后一次修改url需要延时一小段时间，否则会出现error。猜测setData后页面实际更新应该是在下一次的requestAnimationFrame，因此如果页面完全不卡顿可能16ms就可以了，保险起见，我设了100ms。 小结 目前我了解到的情况来看，确实没有一个简单的API可以直接无副作用地刷新小程序webview。方法三是我自己摸索出来的办法。但是总觉得这么个简单的问题应该有更直接的做法才对，奇怪。 相关文章： 以上就是微信小程序更新webview页面的三种方法的详细内容，更多请关注米云其它相关文章！

如何自己做微信小程序卖东西和开发：卖东西：注册微信小程序账号。创建小程序商城。添加商品。设置支付方式。宣传小程序。开发：安装开发工具。创建项目。编写代码。预览和调试。提交审核。发布小程序。 如何自己做微信小程序卖东西和开发 一、微信小程序卖东西 1. 注册微信小程序账号 打开微信公众号平台（https://mp.weixin.qq.com），注册一个微信小程序账号。 2. 创建小程序商城 选择“我的小程序”，点击“创建小程序”。 选择“商城”，填写相关信息生成小程序。 3. 添加商品 在小程序管理后台，点击“商品管理”>“添加商品”。 填写商品名称、详情、价格、图片等信息。 4. 设置支付方式 在小程序管理后台，点击“设置”>“支付方式”。 选择支持的支付方式，如微信支付、。 5. 宣传小程序 通过微信群、朋友圈、公众号等渠道宣传小程序。 二、微信小程序开发 1. 安装开发工具 下载并安装微信小程序开发工具（https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html）。 2. 创建项目 打开开发工具，点击“新建项目”，选择“小程序”。…