微信小程序开发登录页面login录入的用户名信息用户名学校在查询页query怎么获取代码实现
要在微信小程序的登录页面获取用户名信息,并在查询页使用该信息,可以通过以下步骤实现:
- 在登录页面的wxml文件中添加输入框和按钮,用于用户输入用户名和学校信息,并绑定相应的事件处理函数:
 
<view>
  <input placeholder="请输入用户名" bindinput="bindUsernameInput" />
  <input placeholder="请输入学校" bindinput="bindSchoolInput" />
  <button bindtap="login">登录</button>
</view>
- 在登录页面的js文件中定义相应的事件处理函数,将输入的用户名和学校信息保存在全局变量中(或使用缓存存储):
 
Page({
  data: {
    username: '',
    school: ''
  },
  bindUsernameInput: function(e) {
    this.setData({
      username: e.detail.value
    });
  },
  bindSchoolInput: function(e) {
    this.setData({
      school: e.detail.value
    });
  },
  login: function() {
    // 将用户名和学校信息保存在全局变量中或使用缓存存储
    wx.setStorageSync('username', this.data.username);
    wx.setStorageSync('school', this.data.school);
    // 跳转到查询页
    wx.navigateTo({
      url: '/pages/query/query'
    });
  }
});
- 在查询页的onLoad生命周期函数中获取登录页传递的用户名和学校信息,并进行相关处理:
 
Page({
  onLoad: function(options) {
    // 获取登录页传递的用户名和学校信息
    var username = wx.getStorageSync('username');
    var school = wx.getStorageSync('school');
    // 进行相关处理,比如显示用户名和学校信息
    console.log(username);
    console.log(school);
  }
});
通过以上步骤,你就可以在微信小程序的登录页面获取用户名和学校信息,并在查询页中使用该信息
原文地址: https://www.cveoy.top/t/topic/iiPj 著作权归作者所有。请勿转载和采集!