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

我们以用户登录例子来写输入框数据的获取。首先，我们做一个登录界面，界面里有用户名输入框，我们要求在第二个界面获得用户名，显示为欢迎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:username.detail.value})},//页面跳转并传值（就是定义一个常量并将获得的值放进常量里，其他地方就可以直接拿来使用）gotoindex2:function(){        app.username=this.data.username;wx.navigateTo({        //页面跳转url: '/pages/index2/index2',})},

下一个界面就可以直接拿来使用了

const app=getApp();Page({/*** 页面的初始数据*/data: {username:""},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {this.setData({username:app.username})},

微信小程序输入框数据获取（九）相关推荐

微信小程序输入框input
微信小程序输入框input 属性名类型默认值说明 value String 输入框的内容 type String text input的类型,有效值:text,number,idcard,dig ...
小程序中里的bindinput_微信小程序输入框input
微信小程序输入框input 属性名类型默认值说明 valueString 输入框的内容 typeStringtextinput的类型,有效值:text,number,idcard,digit,time ...
微信小程序输入框会字体显示不全或者换行
微信小程序输入框会字体显示不全或者换行问题描述有的时候不同的设备上会出现微信小程序输入框表现不一致,比如:换行,字体显示不全解决方案用开发者工具调试发现,input,textarea 有默认的 ...
微信小程序输入框属性 cursor-spacing 问题
微信小程序输入框属性 cursor-spacing 问题问题描述微信小程序给输入框提供了属性 cursor-spacing,用处是聚焦时光标离软键盘的距离,但是在安卓机子上会出现不太好使,比如,没 ...
微信小程序输入框上移问题
微信小程序输入框上移问题缺陷:输入框顶起整个页面包括自定义顶栏解决方式:给input设置adjust-position="{{false}}"后自定义input高度 wxml ...
微信小程序输入框输入换行
今天的每日一测,更新文本输入框中输入换行的问题. 最近在做微信小程序项目的测试,因为输入框中输入换行的问题导致项目上线后出现bug. 具体情况是,在某些文本输入框中,我想到了测试输入换行是否能提交成功 ...
微信小程序输入框 input 组件
完整微信小程序(Java后端) 技术贴目录清单页面(必看) 输入框.该组件是原生组件,使用时请注意相关限制属性类型默认值必填说明最低版本 value string 是输入框的初始内容 1 ...
微信小程序输入框的一些问题
1.微信小程序处理软键盘弹出布局上移遮住输入框的解决方法相信很多人在开发微信小程序时都遇到这个问题,当你在小程序上预览时,底部的input在聚焦时弹出的软键盘会把input框遮住一小部分,不管是in ...
防抖- 微信小程序输入框input
微信小程序input输入框的bindinput,每输入一个字符都会触发一次,为了避免频繁触发bindinput绑定的函数,可采用"防抖"功能. 防抖:在执行bindinput时,第 ...

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

微信小程序输入框数据获取（九）相关推荐

最新文章

热门文章