element的switch开启和关闭的时候为什么回导致后面的数据抖动

Question

element的switch开启和关闭的时候为什么回导致后面的数据抖动

<el-form-item label="签到提醒">
        <el-col :span="2">
          <el-switch
            v-model="signManageList.remind"
            :active-value="1"
            :inactive-value="0"
            active-color="rgba(24, 144, 255, 100)"
            inactive-color="#ff4949"
          >
          </el-switch>
        </el-col>
        <el-time-select
          v-show="signManageList.remind == 1"
          v-model="signManageList.remindTime"
          :picker-options="{
            start: '00:00',
            step: '00:01',
            end: '23:59',
          }"
          placeholder="选择时间"
        >
        </el-time-select>
      </el-form-item>

使用过flex布局抖动更加明显

Answer 1

给switch个宽度，你在试试