小程序路由跳转

最新推荐文章于 2024-09-15 21:32:44 发布

可别null了

最新推荐文章于 2024-09-15 21:32:44 发布

阅读量138

点赞数

分类专栏：小程序

本文链接：https://blog.csdn.net/R_RA222/article/details/118732496

版权

小程序专栏收录该内容

6 篇文章 1 订阅

订阅专栏

小程序遍历数组下的数组

<li wx:for="{{listss}}" wx:key="index">
												<view class="userdd">
													<view class="userid">
													<image src="{{item.image}}" class="imgg"></image>
													<view class="userid_id">{{item.userid}}</view>
													</view>
													<view class="time">{{item.time}}</view>
												</view>
												<view class="erea">
													<view class="bata">
													<view class="erea_pink"><text>{{item.perple}}</text></view>
													</view>
													<view class="ppp">
														<view class="erea_image" wx:for="{{item.img}}" wx:key wx:for-item="i">
															<image src="{{i.imgg}}" class="imageed"></image>
														</view>
													</view>
														
												</view>
												<view class="kong"></view>
											</li>

声明item wx:for-item=“i”

小程序的路由跳转

点击跳转

XXXXX: function () {
wx.navigateTo({
url: "../logs/logs",

})

  },

函数分为几种跳转函数（用法相同。同上）

redirecTo、navigator、onunload、switchTab、navigateBack（返回）

跳转链接分为页面跳转和tabBar跳转：

页面跳转

1、其中navigator（可带参）、redirecTo（不可带参，不能返回）、

2、onunload（关闭所有页面，打开到应用内的某个页面）

tabBar跳转

1、switchTab（不可带参）
总的来说三种页面切换方式1.wx.navigator是开启一个新页面，那个页面是隐藏了,原页面是onHide,所以是可以返回的，但是返回之后，跳转的页面就unload了 2.wx.redirecTo是当前页面替换成新的页面，所以返回不去onunload(页面被卸载) 3.tabBar无论跳哪个页面都是onHide

二：wxml页面标签跳转（相当于a标签）
<navigator url="/page/navigate/navigate"跳转到新页面

url那后还可以加入数据…?a=“b”&c=“d”，这些数据传入到另一个页面，然后通过参数.XXX可以读取

注意：如果app的配置文件中的tabBar里有pagePath指向目标页面，

navigator就不能正常运行，

还有app.json的page要设置好所有页面的路径