VUE：使用element-plus库的el-switch示例

<template>
<el-switch v-model="isOpen" />
<div class="test-div" :class="{ 'open': isOpen }">
实验模块
</div>
</template>

<script>
export default {
    
    
  data() {
    
    
    return {
    
    
      isOpen: true, // 初始状态为关闭
          }
     }
}
</script>

<style scoped>
.test-div.open{
    
    
  left: 30px;
  background-color: #0097ff;
}
</style>