微信小程序中动态设置class无效是一个常见的问题，可能有多种原因导致这个问题。下面我们将详细分析可能的原因和解决方案。
1. 动态改变自带标签上的class
在微信小程序中，有一些自带标签（如`view`、`text`等）已经内置了样式，这些样式是通过类名来控制的。如果你动态改变某些自带标签上的class，可能会导致这些样式失效。
例如，如果你在`view`标签上添加一个新的class，并且这个新class覆盖了原有的样式，那么原有的样式就不会生效了。这种情况下，你需要重新设置所有的样式，而不是简单地改变类名。
2. 样式冲突
当你在同一个元素上同时应用多个样式时，可能会导致样式冲突。这是因为微信小程序使用的是CSS选择器来匹配样式，如果两个样式选择器都匹配到了同一个元素，那么最后的样式就会覆盖前面的样式。
例如，如果你在`view`标签上添加了一个class，并且这个类名已经被其他组件或页面使用过，那么你的新样式可能会覆盖原有的样式，导致问题。
3. 行内样式
如果你直接将样式写到行内样式中（即`style`属性），那么这些样式可能不会生效，因为微信小程序的样式系统是基于类名来匹配样式的，而不是直接应用行内样式。
例如，如果你在`view`标签上添加了一个行内样式，如下所示：
```html
```
那么这个样式可能不会生效，因为微信小程序的样式系统是基于类名来匹配样式的，而不是直接应用行内样式。
解决方案
为了避免这些问题，你可以尝试以下解决方案：
1. 外包一层view
如果你需要动态改变某些自带标签上的class，可以尝试将它们包裹在一个新的`view`标签中。这样可以避免样式冲突和行内样式的问题。
例如：
```html
```
2. 使用类名
如果你需要动态改变某些自带标签上的class，可以尝试使用类名来匹配样式。这样可以避免行内样式的问题。
例如：
```html
```
3. 重新设置所有的样式
如果你需要动态改变某些自带标签上的class，并且这些样式已经被其他组件或页面使用过，可以尝试重新设置所有的样式。这样可以避免样式冲突的问题。
例如：
```html
```
总之，微信小程序中动态设置class无效是一个常见的问题，可能有多种原因导致这个问题。通过尝试外包一层view、使用类名和重新设置所有的样式，可以避免这些问题。
