element-plus的el-switch修改了初始值
时间: 2024-10-27 19:02:41 浏览: 26
element-plus离线文档
3星 · 编辑精心推荐
Element Plus 的 `el-switch` 组件是一个用于展示开关状态的组件,它通常用于表示两个选项之间的切换。如果你想在初始化时改变它的状态,比如默认打开或关闭,你可以通过绑定 `value` 属性来设置。
例如,在 Vue 模板中,如果你想要初始状态为开启(true),可以这样做:
```html
<template>
<el-switch v-model="switchValue" :active-value="true"></el-switch>
</template>
<script>
export default {
data() {
return {
switchValue: true, // 设置默认为 true
};
},
};
</script>
```
在这里,`:active-value="true"` 表示当 `switchValue` 为真时,开关处于激活状态。同理,如果初始值为关闭(false),只需将 `true` 改为 `false`。
如果你需要动态地改变这个值,可以在你的组件逻辑中更新 `switchValue` 数据属性。
阅读全文