欢迎您光临深圳塔灯网络科技有限公司!
电话图标 余先生:13699882642

网站百科

为您解码网站建设的点点滴滴

关于小程序setdata一些使用方法

发表日期:2019-10 文章编辑:小灯 浏览次数:568

会写小程序的都知道,小程序中js交互是这样的


如果作为一个懒惰的程序员,是不是每次交互,都要写一个方法,可不可以用同一个方法?

还好,js这门语言还是不错的。万事万物都是对象的原则。setdata可以这么来写


这个方法接收两个参数,一个键名,一个值。


在这里直接绑定使用,效果拔群。这样写的话,当页面中要修改单个属性的时候,直接就写上去了。目前个人觉得这样弄还是挺方便的。在此抛砖引玉,有更好的方法可以在评论里面提出来哦。

附上主要代码

//js

setdata: function (e) {

var obj = {};

console.log(e.currentTarget.dataset.key, e.currentTarget.dataset.val)

obj[e.currentTarget.dataset.key] = e.currentTarget.dataset.val;

this.setData(obj);

}

<!--wxml-->

<button bindtap="setdata" data-key='name' data-val='val' >按钮</button>


本页内容由塔灯网络科技有限公司通过网络收集编辑所得,所有资料仅供用户学习参考,本站不拥有所有权,如您认为本网页中由涉嫌抄袭的内容,请及时与我们联系,并提供相关证据,工作人员会在5工作日内联系您,一经查实,本站立刻删除侵权内容。本文链接:http://www.dengtar.com/23930.html
相关小程序
 八年  行业经验

多一份参考,总有益处

联系深圳网站公司塔灯网络,免费获得网站建设方案及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:余经理:13699882642

Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.