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

 时间:2026-02-15 15:00:48

1、第一步,打开微信小程序工具,新建一个wxml文件,然后插入<view></view>,并插入for循环,循环遍历生成按钮,如下图所示:

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

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

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

3、第三步,在对应的JavaScript文件中,data对象中插入数据,如下图所示:

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

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

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

5、第五步,在生成的button按钮上添加一个点击事件,是每个按钮的事件,如下图所示:

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

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

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

  • 档案在自己手里怎么办
  • 轻松遍历出来文件夹下的所有文件
  • 《原神》旅行剑宝箱位置介绍
  • 智能功放开关电源设计
  • 如何在阴阳师:妖怪屋中给式神喂食?
  • 热门搜索
    清子阚姓氏怎么读音 猪血怎么做好吃 图纸怎么看 本地组策略编辑器怎么打开 口腔溃疡怎么快速好 肌酸激酶高是怎么回事 circle怎么读 开心用英语怎么说 微信注册时间怎么查 斗鱼直播怎么赚钱