微信小程序单击添加移除class

问题描述

问 题

当鼠标点击以后把当前点击的按钮样式换成红色背景+白色字体的样式。其他的还是默认灰色背景+黑色字体，要是在html页面上用JQ两句话就完事，在小程序上真不知道怎么实现这个效果了。。求救

解决方案

前言

微信小程序中是没有DOM操作，确实是不好处理
但是必须调整自己的开发策略，小程序可以理解为"数据驱动渲染"开发方式。

场景解决

对于你的问题，我可以简单的说一下解决方案:单按钮处理

<button class="{{select == 0 ? 'gray':'red'}}">按钮<button>

//只需要动态变更select既可以改变class渲染
var that = this;
that.setData({
  select: !that.data.select;
});

不建议直接使用button

因为button不好自定义，你可以直接view重新通过bindtap模拟button

扩展阅读

• 微信小程序数据操作上:合理组装数据

• 微信小城数据操作处理下:深度操作数据

这篇关于微信小程序单击添加移除class的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！