微信小程序调出多窗口

在微信官方给出的文档中,小程序是可以调出多窗口的:
微信小程序调出多窗口_第1张图片

这样就不用每次都去修改app.json来将现在调试的页面放在首位。
但是笔者找了好久,差点儿吐了,原来是需要一个跳转的链接才能调出多窗口。
比如在inde.wxml文件中添加如下代码:


<view class="container">
  <view  bindtap="bindViewTap" class="userinfo">
    <image class="userinfo-avatar" src="{{userInfo.avatarUrl}}" background-size="cover">image>
    <text class="userinfo-nickname">{{userInfo.nickName}}text>
  view>
  <view class="usermotto">
    <text class="user-motto">{{motto}}text>
    <navigator url="../logs/logs" hover-class="navigator-hover">日志navigator>
  view>
view>

显示出的页面如下,被红框标注的【日志】部分就是跳转的页面链接,同时大家注意一下截图的左上角:
微信小程序调出多窗口_第2张图片

当我们点击【日志】之后,效果为:
微信小程序调出多窗口_第3张图片

大家可以注意到,右上角多了一个下拉框,点击这个下拉框就可以出现我们梦寐以求的多窗口了:
微信小程序调出多窗口_第4张图片

现在我们可以自由切换来编辑调试了。
但需要注意的是多窗口只是小程序开发工具中的一个模拟功能,在真实的微信应用中是不存在的。

你可能感兴趣的:(微信小程序,前端集结号)