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>
相关推荐
毛骗导演3 分钟前
发送一句「你好」,为什么花掉了几千个 Token?——深读 OpenClaw 的 Context 注入机制
前端·架构
工边页字4 分钟前
AI产品中的长期记忆和短期记忆是什么,你知道吗?
前端·人工智能·后端
HelloReader5 分钟前
Flutter 页面导航Navigator.push 与自适应导航模式(十四)
前端
小凡同志6 分钟前
那个复制粘贴了二十次 loading 的下午
前端·vue.js
还是大剑师兰特7 分钟前
vue3中slot,template #名称 的详细说明和具体示例
javascript·vue.js·ecmascript
HelloReader7 分钟前
Flutter 底层原理揭秘框架如何工作(十五)
前端
南篱8 分钟前
前端必看:一口气搞懂跨域是什么、为什么、怎么解决
前端·javascript·面试
qq_406176149 分钟前
Vue 插槽与组件传参:从入门到精通
前端·javascript·vue.js
三年三月9 分钟前
Redux 技术栈使用总结
前端·react.js
Tody Guo9 分钟前
OpenClaw与企业微信的定时任务设定
前端·github·企业微信