在微信小程序中怎么让一个页面的信息传递到另一个页面

2024年6月3日 110次阅读 来源: ducaijia_123

首先需要在前台搭建好需要展示的那个页面。

<!--pages/login/login.wxml-->
<view class='nav'>输入个人信息</view>
<form bindsubmit='formSubmit'> 
<view class='text'>学号</view> 
<view class="section">
<input name="no" type="text" placeholder="输入学号" value="1635050527"/>
</view>
<view class='text'>密码</view>
<view class="section">
  <input name="pwd" password="true" placeholder="输入密码" value='123456'/>
</view>
<view>
<button formType='submit'>登录</button>
</view>
</form>

然后我们需要做的就是进行数据的缓存，这样我们就可以使用异步缓存wx.setStorage存到本地缓存中然后创建key和data.

 wx.setStorage({
          key: "student",
          data: res.data
        })

然后我们就可以通过wx.redirectTo进行页面的跳转。

wx.redirectTo({
          url: '../teachers/teachers'
        })

然后在另一个页面中通过
从本地缓存中同步获取指定 key 对应的内容。

var student = wx.getStorageSync('student');

然后就可以在微信小程序中让一个页面的信息传递到另一个页面。

    原文作者：ducaijia_123
    原文地址: https://blog.csdn.net/ducaijia_123/article/details/80262171
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞