加载中 ...
首页 > 新闻资讯 > 小程序 正文

微信小程序单击以实现样式切换功能

2019-07-31 09:42:48 来源:沈阳小程序开发 作者:沈阳软件开发

普通的Web开发可以通过JavaScript获取HTML的Dom结构,但是小程序不能。 小程序实现此功能:数据绑定+数据 - 更改标记类名称。

21708-1P511112302413.jpg

第1步提供选定的标记{{}}&数据NUM

此处只绑定了一个类名,或者可以绑定N个类名。

Class='class1 class2 {{num==1?'active':''}} '92#gasoline 95#gasoline 0#gasoline

绑定事件可以绑定到外部块,也可以绑定到内部的每个视图,如下所示:

92#汽油95#汽油0#汽油

唯一的区别是传递给事件的e是不同的。事件的e绑定到外部块,只有目标将具有数据集的值。绑定到每个小块的事件的e,无论是target还是currentTarget都将具有dataset的值。

E.target.dataset.num步骤2写下初始值

哪一个在开始判断,哪个值判断?

数据: {num: 1},

步骤3编写事件处理函数

changeOil: function(e){console.log(e); this.setData({num: e.target.dataset.num})}

原则是更改用于确定的变量num的值。

他人的做法:

我使用类名激活,有些人会用cur,[目前的简写]有些人甚至总结了三种方式:

1.通过修改类名2.添加类名以覆盖先前的样式3.修改内联样式以覆盖先前的样式

第二种方式和我的一样。第三种方法最好不要使用它。毕竟,我们必须做好表现小程序。此时,完成。

< 汇海(www.hvihi.com)是国内知名的商城系统和商城网站建设提供商,其中汇海技术小程序系统提供小程序商城开发,小程序配送系统,微分配系统,商城系统,电子商务网站建设, 微信发行系统,小程序商城及其他多端商场和电子商务行业解决方案>

确认:这个文件和图像源网络编辑器的网站部分,如果有侵权及时通信删除。 汇海hvihi.com网站原创文章,请注明出处。

“沈阳软件公司”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题,请与

我们联系删除或处理,客服QQ:55506560,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同

其观点或证实其内容的真实性。