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

  • • 发表于 5年前
  • • 作者 风
  • • 20552 人浏览
  • • 19 条评论
  • • 最后编辑时间 5年前
  • • 来自 [技 术]

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


  <view class="bolder">
        账号:
        <input name="user" bindinput="inputUser" type="text"/>
        密码:
        <input name="password" bindinput="inputPwd" type="text" password="ture"/>
        <button bindtap="clickButton" >注册</button>
    </view>

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

Page({
  data:{
    user:'',
    pwd:''
  },
  clickButton:function(){
    wx.setStorageSync('user', this.data.user);
    wx.setStorageSync('pwd', this.data.pwd);
    wx.navigateTo({
      url: '../success/success'
    })
  },
  inputUser:function(e){
    this.setData({
      user:e.detail.value
    })
  },
  inputPwd:function(e){
    this.setData({
      pwd:e.detail.value
    })
  }
})

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

Page({
  data:{
    user:"",
    pwd:""
  },
  onLoad:function(options){
    // 页面初始化 options为页面跳转所带来的参数
    var user=wx.getStorageSync('user');
    var pwd=wx.getStorageSync('pwd');
    this.setData({user:user});
    this.setData({pwd:pwd});
  }
})

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

分享到:
评论区(共19条评论)
19条评论
Ctrl+Enter
作者

风

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

已加入社区[1783]天

小白终有大牛时

作者详情》
Top