小白简单demo:简单的input输入值的获取和传递

  • • 发表于 9年前
  • • 作者 风
  • • 22531 人浏览
  • • 19 条评论
  • • 最后编辑时间 9年前
  • • 来自 [技 术]
  • • 专栏  [小程序Demo项目]

原创声明:本文为作者原创,未经允许不得转载,经授权转载需注明作者和出处


  1. <view class="bolder">
  2. 账号:
  3. <input name="user" bindinput="inputUser" type="text"/>
  4. 密码:
  5. <input name="password" bindinput="inputPwd" type="text" password="ture"/>
  6. <button bindtap="clickButton" >注册</button>
  7. </view>

input输入框显示自己输入的值,bindinput来对输入的值进行接受,再把值赋给一个变量。
使用官方给的API wx.setStorageSync(‘key’, ‘value’)将获取的值缓存到本地,在另一个页面用var value = wx.getStorageSync(‘key’)接受缓存的值。

  1. Page({
  2. data:{
  3. user:'',
  4. pwd:''
  5. },
  6. clickButton:function(){
  7. wx.setStorageSync('user', this.data.user);
  8. wx.setStorageSync('pwd', this.data.pwd);
  9. wx.navigateTo({
  10. url: '../success/success'
  11. })
  12. },
  13. inputUser:function(e){
  14. this.setData({
  15. user:e.detail.value
  16. })
  17. },
  18. inputPwd:function(e){
  19. this.setData({
  20. pwd:e.detail.value
  21. })
  22. }
  23. })

在页面加载时完成取值和赋值。

  1. Page({
  2. data:{
  3. user:"",
  4. pwd:""
  5. },
  6. onLoad:function(options){
  7. // 页面初始化 options为页面跳转所带来的参数
  8. var user=wx.getStorageSync('user');
  9. var pwd=wx.getStorageSync('pwd');
  10. this.setData({user:user});
  11. this.setData({pwd:pwd});
  12. }
  13. })

小白的简单demo,希望得到大神指点!!!
源码地址
百度云公开链接
百度云私密链接 密码:h3dt

分享到:

3人打赏积分

MichaelMINA搬运工茂茂
Michael
Michael 2016-12-13 22:23:42.0

对新人很有帮助呀

风
2016-12-13 22:35:12.0

@Michael 谢谢大神的鼓励

MINA搬运工
MINA搬运工 2016-12-13 23:43:27.0

绝对666的飞起…

茂茂
茂茂 2016-12-14 00:11:48.0

可以的,加油

lifeisajourney
lifeisajourney 2017-01-03 14:20:43.0

可以,非常感谢!

荒无人烟
荒无人烟 2017-01-09 16:31:24.0

学习了

华子Zhao
华子Zhao 2017-01-12 10:05:29.0

不错 学习了

我是木予
我是木予 2017-01-15 11:04:39.0

input的值居然不是双向绑定的

蓝天
蓝天 2017-01-16 11:15:40.0

学习了

不出八块不更名
不出八块不更名 2017-04-05 18:29:29.0

棒棒哒

快乐无极限
快乐无极限 2017-07-25 23:13:00.0

大神,案例真的不错,留个qq,想和你交流一下,谢谢

波克比
波克比 2018-03-17 11:11:22.0

写得挺好的,值得学习

订丁顶
订丁顶 2018-03-17 14:50:17.0

加油

订丁顶
订丁顶 2018-03-17 14:50:23.0

不错

超人太郎320
超人太郎320 2018-04-18 17:20:46.0

忘川
忘川 2018-11-21 15:51:48.0

帮顶

JasonGuitar
JasonGuitar 2019-05-07 14:47:30.0

不错

黄海
黄海 2019-08-12 19:45:01.0

不错!

黄千祐
黄千祐 2019-08-30 15:13:41.0

666

19条评论
我来说两句...
x
 
Ctrl+Enter
作者

风

APP:0 帖子:6 回复:16 积分:627

已加入社区[3247]天

小白终有大牛时

作者详情》