微信小程序输入框数据获取（九）

「已注销」

已于 2022-05-09 13:45:33 修改

阅读量4.8k

点赞数 8

分类专栏：微信小程序文章标签：微信小程序小程序

于 2021-10-23 17:34:06 首次发布

本文链接：https://blog.csdn.net/shanliyiyeren/article/details/120923477

版权

我们以用户登录例子来写输入框数据的获取。首先，我们做一个登录界面，界面里有用户名输入框，我们要求在第二个界面获得用户名，显示为欢迎XXX登录！

<view class="title">
  <text>登录界面</text>
</view>
<view class="body">
  <text>请输入用户名：</text>
  <input type="text" name="username" bindinput="getUsername" />   //***bindinput="getUsername"
</view>
<view class="body">
  <text>请输入密码：</text>
  <input style="border: 1px;" type="text" name="password" />
</view>
<view>
  <button bindtap="gotoindex2">登陆</button>
</view>

之后在js文件中定义函数


const app=getApp();   //定义常量

Page({

  /**
   * 页面的初始数据
   */
  data: {
    username:""
  },


//当前界面拿到页面输入的值
  getUsername:function(username){   
    this.setData({
      username:usernam