element plus的switch开关回显

element plus的switch开关通过 :model-value="" 是绑定值,必须等于 active-valueinactive-value,默认为 Boolean 类型

:active-value="2" 是switch 状态为 on 时的值

:inactive-value="1" 是switch的状态为 off 时的值

javascript 复制代码
<template>
  <el-tooltip :content="'Switch value: ' + value" placement="top">
    <el-switch
      v-model="value"
      style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949"
      active-value="100"
      inactive-value="0"
    />
  </el-tooltip>
</template>

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

const value = ref('100')
</script>
相关推荐
dasseinzumtode6 分钟前
nestJS 使用ExcelJS 实现数据的excel导出功能
前端·后端·node.js
子兮曰9 分钟前
🔥C盘告急!WSL磁盘暴增?三招秒清20GB+空间
前端·windows·docker
Jinuss9 分钟前
Vue3源码reactivity响应式篇之EffectScope
前端·vue3
stoneship13 分钟前
网页截图API-Npm工具包分享
前端
Jedi Hongbin24 分钟前
Three.js shader内置矩阵注入
前端·javascript·three.js
etcix25 分钟前
dmenux.c: integrate dmenu project as one file
c语言·前端·算法
光影少年37 分钟前
react16到react19更新及底层实现是什么以及区别
前端·react.js·前端框架
超人不会飛41 分钟前
vue3 markdown组件|大模型应用专用
前端·vue.js·人工智能
じòぴé南冸じょうげん42 分钟前
微信小程序如何进行分包处理?
前端·小程序
Jolyne_1 小时前
Table自定义单元格渲染分享
前端