请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册
搜索

开发问题 动态修改class class已修改但是样式没有变化

6
回复
1770
查看
[复制链接]

11

主题

29

帖子

200

积分

 楼主| 2018-12-2 22:03:51 显示全部楼层 |阅读模式
我通过一个参数控制class的显示和隐藏,添加的这个class的样式主要控制background-image 还有文字的颜色。但是样式没有切换。class切换成功了。

切换前

切换前

切换后

切换后
回复

使用道具 举报

8

主题

174

帖子

910

积分

2019-5-16 08:08:34 显示全部楼层
您好请问问题是否已经解决了。是由于什么原因呢。
回复

使用道具 举报

7

主题

14

帖子

105

积分

2020-5-19 16:46:57 显示全部楼层
同问~~有没有出来解答的同学
回复

使用道具 举报

1

主题

3

帖子

20

积分

2021-7-1 21:23:19 显示全部楼层
我也遇到了,element上的class都已经变了,但是样式没生效
回复

使用道具 举报

4

主题

8

帖子

60

积分

2021-8-31 11:21:43 显示全部楼层
同样遇到就是没有解决方法 就很无赖 官方也不出来解答 就死在这儿
回复

使用道具 举报

6

主题

18

帖子

120

积分

2021-8-31 18:51:14 显示全部楼层

 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");
  }
}

效果测试是成功的

回复

使用道具 举报

6

主题

18

帖子

120

积分

2021-8-31 19:03:37 来自手机 显示全部楼层
[quote]fanyee 发表于 2021-8-31 18:51 效果图:
C28380E9-0509-4C55-9F12-00D54750C203.png
3E7A9FA7-9279-4337-89C2-46FA4728BE7C.png
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册