1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 微信小程序输入框数据获取(九)

微信小程序输入框数据获取(九)

时间:2022-01-25 21:50:14

相关推荐

微信小程序输入框数据获取(九)

我们以用户登录例子来写输入框数据的获取。首先,我们做一个登录界面,界面里有用户名输入框,我们要求在第二个界面获得用户名,显示为欢迎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})},

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。