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>
相关推荐
小冰球9 小时前
前端侦探:我是如何挖掘出网站里 28 个"隐藏商品"的?
前端·vue.js
3秒一个大9 小时前
深入解析 React 回到顶部(BackToTop)组件的实现与设计
前端·react.js·typescript
大时光9 小时前
gsap 配置解读 --1
前端
掘金安东尼9 小时前
零 JavaScript 的性能优化视频嵌入
前端·javascript·面试
布列瑟农的星空9 小时前
从 ES2015 到 ES2025:你还跟得上吗
前端
Filotimo_9 小时前
Vue 选项式 API vs 组合式 API:区别全解析
前端·javascript·vue.js
文心快码BaiduComate9 小时前
百度文心快码全面支持GLM-5
前端·人工智能
unirst19850079 小时前
使用vite打包并部署vue项目到nginx
前端·vue.js·nginx
wordbaby9 小时前
Vue 实战:从零实现“划词标注”与“高亮笔记”功能
前端
上海合宙LuatOS10 小时前
LuatOS核心库API——【fatfs】支持FAT32文件系统
java·前端·网络·数据库·单片机·嵌入式硬件·物联网