设了值，开关的状态没有变化 element组件

Question

题目描述

设了值，开关的状态没有变化element组件

题目来源及自己的思路

for循环遍历一个数组，然后数组中每条记录都有一个状态，状态类型为string类型，我现在想把这个string类型做为开关的值

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
<div v-if = "i.equipcode === '冷机'">

      <div class="grid-content bg-purple top">
        <span class="top-span">{{i.hotelid}}</span>
        <div class="zhong">
          <div class="zhong1">
                <span class="zhong-left1">26°C</span>
                <h2 class="zhong-h2">室外温度</h2>
          </div>

          <div class="zhong2">
            <el-button type="primary" icon="el-icon-remove" class="zhong2-butten1" circle @click="upclick(j)" :data-id="j" ></el-button>
              <el-input  placeholder="26" class="zhong-left2" :id="'text'+j" :value=i.effluenttemperature >°C</el-input>
            <el-button type="primary" icon="el-icon-circle-plus" class="zhong2-butten2" circle  @click="udclick(j)" :data-id="j"></el-button>
          </div>
          

          <div class="zhong3">
            <span class="zhong-left1">{{i.hostvalue}}°C</span>
            <h2 class="zhong-h2">当前温度</h2>
          </div>
          
        </div>
        <div>
        <div class="off1">
          <h2 class="off1-h2">冷机</h2>

          <el-switch class="off1-onto"
            v-model="i.onlinestatu"
            on-value="1" 
            off-value="0"
            :j="j"
            active-color="#13ce66"
            inactive-color="#ff4949">
          </el-switch>

          
        </div>

        <div class="off2">
          <h2 class="off2-h2">制冷</h2>

          <el-switch class="off2-onto"
            v-model="i.onlinestatu"
            on-value="1" 
            off-value="0"
            active-color="#13ce66" 
            inactive-color="#ff4949">
          </el-switch>
          
        </div>
        
        <div class="off3">
          <h2 class="off3-h2">制热</h2>
          <el-switch class="off3-onto"
            v-model="value4"
            active-color="#13ce66"
            inactive-color="#ff4949" disabled>
          </el-switch>
        </div>
        <div class="inputste">
          <el-button type="primary" round>确认设置</el-button>
        </div>
        
      </div>
      </div>
      </div>
      

你期待的结果是什么？实际看到的错误信息又是什么？

问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

active-color和inactive-color忘记加;了吧

<el-switch class="off1-onto"
    v-model="i.onlinestatu"
    on-value="1" 
    off-value="0"
    :j="j"
    active-color="#13ce66;"
    inactive-color="#ff4949;">
  </el-switch>