动态修改class class已修改但是样式没有变化

Mopecat

我通过一个参数控制class的显示和隐藏，添加的这个class的样式主要控制background-image 还有文字的颜色。但是样式没有切换。class切换成功了。

切换前

切换后

左耳毛毛

您好请问问题是否已经解决了。是由于什么原因呢。

饼干

同问~~有没有出来解答的同学

Haroro

我也遇到了，element上的class都已经变了，但是样式没生效

guodaxia

同样遇到就是没有解决方法 就很无赖 官方也不出来解答 就死在这儿

fanyee

 view层：

< text
  class = "title-img {{flag?'title-img-default':'title-img-active'}}"
  @click = "change" >
      < /text>

 data层

  data: {
      flag: true,
  },

   change() {
    this.flag = !this.flag
  },

 style

.title-img {
  width: 140px;
  height: 140px;
  &-default {
    background-image: url("https://quickapp.gjzwfw.gov.cn/admin/resource/file/download/home_handleAffairs1.png");
  }
  &-active {
    background-image: url("https://quickapp.gjzwfw.gov.cn/admin/resource/file/download/home_handleAffairs2.png");
  }
}

效果测试是成功的

fanyee

[quote]fanyee 发表于 2021-8-31 18:51 效果图：