微信小程序mpvue点击按钮获取button值的方法
微信(小程序)  /  管理员 发布于 3年前   366
在小程序里面是没有dom元素的,这个我们只要会小程序的应该都知道,但是在平时开发中我们偶尔会遇到需要点击某个元素获取它的值的情况,在这里给大家列举了两种情况解决方法
方式一:数据绑定
这种情况的话,对应的场景是只有一个按钮或元素调用这个方法的情况下的
在你的.vue文件中的data数据里面添加变量
data() { return { msg:'苏喂苏喂苏喂' };getData(){ console.log( this.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值的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对站的支持!
博主 在
2023年国务院办公厅春节放假通知:1月21日起休7天中评论 @ xiaoB 你只管努力,剩下的叫给天意;天若有情天亦老,..xiaoB 在
2023年国务院办公厅春节放假通知:1月21日起休7天中评论 会不会春节放假后又阳一次?..BUG4 在
你翻墙过吗?国内使用vpn翻墙可能会被网警抓,你需了解的事中评论 不是吧?..博主 在
go语言+beego框架中获取get,post请求的所有参数中评论 @ t1 直接在router.go文件中配就ok..Jade 在
如何在MySQL查询中获得当月记录中评论 Dear zongscan.com team, We can skyroc..
Copyright·© 2019 侯体宗版权所有·
粤ICP备20027696号