微信小程序mpvue点击按钮获取button值的方法

微信(小程序)  /  管理员 发布于 3年前   366

在小程序里面是没有dom元素的,这个我们只要会小程序的应该都知道,但是在平时开发中我们偶尔会遇到需要点击某个元素获取它的值的情况,在这里给大家列举了两种情况解决方法

方式一:数据绑定

这种情况的话,对应的场景是只有一个按钮或元素调用这个方法的情况下的

在你的.vue文件中的data数据里面添加变量

 data() {  return {      msg:'苏喂苏喂苏喂'  };getData(){ console.log( this.msg )}

按钮上

{{msg}}

但是对于多个元素调用该方法的话,这个这种方式是不切实际的,下面第二种方法就是弥补方式一的不足

方式二

.vue文件的data中定义一个变量来接收

 data() {  return {   concat:'12345678'  };

在template中,自定义属性data-text

函数引用的时候记得一定要传入$event,不然的话,获取到的e会是一个undefined

定义函数

copy(e){   var that = this;   console.log(e.currentTarget.dataset.text)    wx.setClipboardData({     data: e.currentTarget.dataset.text,     success: function (res) {     wx.showModal({      title: '提示',      content: '复制成功',      success: function (res) {      if (res.confirm) {       console.log('确定')      } else if (res.cancel) {       console.log('取消')      }      }     })   } });

总结

以上所述是小编给大家介绍的微信小程序mpvue点击按钮获取button值的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对站的支持！

您可能感兴趣的文章:

• 微信小程序按钮点击动画效果的实现
• 微信小程序按钮点击跳转页面详解
• 微信小程序开发之点击按钮退出小程序的实现方法
• 微信小程序实现的点击按钮 弹出底部上拉菜单功能示例
• 微信小程序分享功能之按钮button 边框隐藏和点击隐藏
• 微信小程序实现点击按钮修改view标签背景颜色功能示例【附demo源码下载】
• 微信小程序实现点击按钮修改文字大小功能【附demo源码下载】
• 微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】
• 微信小程序实现点击按钮后修改颜色