微信小程序获取input框的值

我不是女神ヾ 2022-04-02 10:27 400阅读 0赞 
  1. <view class="itemView">用户名：
  2. <input class="input" name="userName" placeholder="请输入用户名"
  3. bindinput ="userNameInput"/>
  4. </view>
  5. <view class="itemView">密 码：
  6. <input class="input" password placeholder="请输入密码"
  7. bindinput="passWdInput" />
  8. </view>
  9. <view class="viewName" style="background-color:#fbf9fe">
  10. <button class="loginBtn" bindtap="loginBtnClick">登录</button>
  11. </view>
  13. Page({
  14. data: {
  15. userName: '',
  16. userPwd:""
  17. },
  18. //获取用户输入的用户名
  19. userNameInput:function(e)
  20. {
  21. this.setData({
  22. userName: e.detail.value
  23. })
  24. },
  25. passWdInput:function(e)
  26. {
  27. this.setData({
  28. userPwd: e.detail.value
  29. })
  30. },
  31. //获取用户输入的密码
  32. loginBtnClick: function (e) {
  33. console.log("用户名："+this.data.userName+" 密码：" +this.data.userPwd);
  34. }
  35. ,
  36. // 用户点击右上角分享
  37. onShareAppMessage: function () {
  39. }
  40. })

转载地址：https://blog.csdn.net/qq_40536470/article/details/81101804

发表评论

表情：
评论列表 （有 0 条评论，400人围观）

还没有评论，来说两句吧...

相关阅读

    相关 微信小程序input框传参

    在微信小程序中原生input组件无法直接传参，但可以通过自定义属性的方式达成效果 <!-- 自定义属性的命名格式为“data-自定义名字” --> <inpu

    墨蓝墨蓝/ 0 赞/ 516 阅读