Switch 开关

基础用法

查看代码

<template>
  <e-switch v-model="flag" />
</template>

<script setup lang="ts">
import { ref, watchEffect } from 'vue'

const flag = ref(false)

watchEffect(() => {
  console.log(flag.value)
})
</script>

文字描述

关闭

关闭打开

查看代码

<template>
  <e-switch v-model="flag" on-text="打开" off-text="关闭" inline-text />
  <br />
  <br />
  <e-switch v-model="flag" on-text="打开" off-text="关闭" />
</template>

<script setup lang="ts">
import { ref, watchEffect } from 'vue'

const flag = ref(false)

watchEffect(() => {
  console.log(flag.value)
})
</script>

禁用

查看代码

<template>
  <e-switch v-model="flag" disabled />
</template>

<script setup lang="ts">
import { ref, watchEffect } from 'vue'

const flag = ref(false)

watchEffect(() => {
  console.log(flag.value)
})
</script>

Input API

Props

属性名	说明	类型	默认值
v-model	值	boolean | string | number	--
onText	开启时文字描述	string	--
offText	关闭时文字描述	string	--
inlineText	文字描述是否内嵌	boolean	false
onValue	开启时的值	boolean | string | number	true
offValue	关闭时的值	boolean | string | number	false
disabled	禁用	boolean	false