Vue技术栈2023-12-11 · 约 1 分钟

Element-Plus踩坑 <el-switch>标签active-value 和 inactive-value 属性不生效的问题

暮色陈陈109 阅读0 赞2 评论最后更新 2026-09-16

html 复制代码

<el-table-column label="上架" width="200">
    <template #default="scope">
        <el-switch v-model="scope.row.state" 
            style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949"
            :active-value="1" :inactive-value="0" @change="stateChange(scope.row)" />
    </template>
</el-table-column>

原因

在active-value 和 inactive-value前面加“:”

觉得有用就点个赞吧