如何使用微信小程序动态控制样式类发生改变显示

如何使用微信小程序动态控制样式类发生改变显示

在微信小程序开发过程中，可以根据按钮点击事件，按钮的ID属性控制选择点击的样式属性，根据变量动态改变，相应的样式也在改变。下面利用实例说明，操作如下：

第一步，打开微信小程序工具，新建一个wxml文件，然后插入，并插入for循环，循环遍历生成按钮，如下图所示：

第二步，接着使用类选择器控制按钮选中的样式，设置字体颜色、字体粗细等属性迅盆腊，如下图所示：

第三步，在对应的JavaScript文件中，data对象强何中插入数据，如下图所示：

第四步，保存代码并预览界面显示效果，可以发现默认选中第五个，如下图所示：

第五步，在生成的button按钮上添调董加一个点击事件，是每个按钮的事件，如下图所示：

第六步，最后添加按钮的点击事件，设置缓存数据，然后设置btnId，如下图所示：