一多语言

定义样式

        .reholidayValImg{
          width: 0.98rem;
          height: 0.98rem;
          margin-left: .44rem;
          border-radius: 0.49rem;

        }
        .holidayValImg {
          width: 0.98rem;
          height: 0.98rem;
          margin-right: .3rem;
          border-radius: 0.49rem;
        }

绑定元素

                <img
                  :src="dataInfo.profilePicture || 'http://unicolive-img.uae-dubai.ufileos.com/default_header.png'"
                  alt
                  class="reholidayValImg"
                  :class="{holidayValImg: language == 'ar_SA'}"
                >

二背景图切换

需要绑定的元素

<div v-else :class="classObject" class="holidayVal flex-vc flex-between">

<script>

  data() {
    return {
      classObject: {
        class1: true 
      },

<script>下的methods:{}

    // 选择当前单榜
    selectLabel(data) {
      if (data == "1") {
        this.activedHolidayLabel = 1;
        this.dataInfo = this.dessertFirst; // 第一个
        this.classObject = {
          'class1': true
        }


      } else if (data == "2") {
        this.classObject = {
          'class2': true
        }

        this.activedHolidayLabel = 2;
        this.dataInfo = this.lightFirst; // 第二个
      } else if (data == "3") {
        this.classObject = {
          'class3': true
        }

        this.activedHolidayLabel = 3;
        this.dataInfo = this.shineFirst; // 第三个
      }
    },

<style>

      .class1{
        background-image: url("~@/assets/images/ramadan-activities/bg3.png");
       
      }
      .class2 {
        background-image: url("~@/assets/images/ramadan-activities/bg1.png");
    
      }
      .class3 {
        background-image: url("~@/assets/images/ramadan-activities/bg2.png");
     
      }