收藏
回答

怎么动态修改class?

想在点击后修改字体的颜色

回答关注问题邀请回答
收藏

7 个回答

  • 曹孟良
    曹孟良
    2021-11-15

    wxml代码:

    <view style="color: {{fontColor}};" bindtap="changeColor">点我换颜色</view>
    

    js代码:

      data: {
        fontColor:'black'
      },
    
      changeColor(){
        this.setData({
          fontColor:'blue'
        })
      },
    
    2021-11-15
    有用 5
    回复
  • TYXX
    TYXX
    2021-11-15

    用JS中的setdata方法

    2021-11-15
    有用 2
    回复
  • PD
    PD
    发表于移动端
    2021-11-16
    color绑定数据,用setData改变
    2021-11-16
    有用 1
    回复
  • Smooth
    Smooth
    2021-11-16

    color: {{fontColor}};

    然后点击事件中利用this.setData将该变量改了

    2021-11-16
    有用 1
    回复
  • 老张
    老张
    2021-11-16
    <label style="color: {{isColor?'blue':'red'}};">
      点我换颜色
      <switch  hidden model:checked='{{isColor}}' />
    </label>
    
    

    这可能是最简代码了。

    2021-11-16
    有用
    回复
  • ᥬ[吃瓜]᭄
    ᥬ[吃瓜]᭄
    2021-11-15

    可以预置两个class,wxml中切换class名称

    2021-11-15
    有用
    回复
  • 臭臭
    臭臭
    2021-11-15

    在javascript界面中通过setdata动态修改

    2021-11-15
    有用
    回复
登录 后发表内容