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

最新推荐文章于 2024-05-31 11:22:24 发布

_乐多_

最新推荐文章于 2024-05-31 11:22:24 发布

阅读量231

点赞数

分类专栏： Vue element-plus 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/yyyyyyyyyyy_9/article/details/133349179

版权

Vue 同时被 2 个专栏收录

17 篇文章 1 订阅

订阅专栏

element-plus

1 篇文章 0 订阅

订阅专栏

<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>