微信小程序怎么获取点击事件的值e.detail.value

微信小程序怎么获取点击事件的值e.detail.value,第1张

view标签 加 bindtap事件,用data-name传值,如果view中只有文字,点击整个view区域都可以接收到data-name的值,如果view里面加一个lable标签,那么点击lable包裹的区域,data-name取不到值。

解决方法:把取值方式 由e.target.dataset.carrierName 修改为e.currentTarget.dataset.carrierName即可!

<view class="itemView">用户名

<input class="input" name="userName" placeholder="请输入用户名"

bindinput ="userNameInput"/>

</view>

<view class="itemView">密码

<input class="input" password placeholder="请输入密码"

bindinput="passWdInput" />

</view>

<view class="viewName" style="background-color:#fbf9fe">

<button class="loginBtn" bindtap="loginBtnClick">登录</button>

</view>

Page({

data: {

userName: '',

userPwd:""

}, //获取用户输入的用户名

userNameInput:function(e) {

this.setData({

userName: e.detail.value

})

},

passWdInput:function(e)

输入的密码

loginBtnClick: function (e) {

console.log("用户名:"+this.data.userName+" 密码:" +this.data.userPwd)

}

, // 用户点击右上角分享

onShareAppMessage: function () {

}

})

在点击事件中添加一个Boolean型变量

事件函数{

var b=true

if (b==true){

添加数据

b=false

}

if(b==false){

删除数据

b=true

}

}

原理就是在事件函数中加一个开关,控制着存放和删除


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11253735.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存