elementui中添加开关控制

在Element UI中，可以使用el-switch组件来添加开关控制。以下是一个简单的例子，展示如何使用el-switch来控制一个开关状态：

<template>
  <div>
    <el-switch
      v-model="switchValue"
      active-color="#13ce66"
      inactive-color="#ff4949"
      active-text="开启"
      inactive-text="关闭">
    </el-switch>
    <p v-if="switchValue">开关当前是开启状态</p>
    <p v-else>开关当前是关闭状态</p>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      switchValue: false, // 初始开关状态
    };
  },
};
</script>

在这个例子中，el-switch组件的v-model绑定了switchValue变量。当用户点击开关按钮时，switchValue的值会被更新，并且根据它的值显示不同的文本信息。active-color和inactive-color属性用于定义开启和关闭时的颜色，active-text和inactive-text属性用于定义开启和关闭时显示的文本。