el-table使用el-switch选择器没效果

出现问题的代码:

0表示启用,1表示禁用,发现页面根本没有效果,百思不得其解,查阅资料,恍然大悟。

javascript 复制代码
 <el-table :data="userList" stripe border style="width: 100%" height="500">
        <el-table-column prop="status" label="用户状态" width="120">
            <template #default="scope">
                <el-switch v-model="scope.row.status" style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949"
                    active-value=0 inactive-value=1 />
            </template>
        </el-table-column>
    
</el-table>

解决:

active-value没加冒号,值是字符串,所以一直匹配不上数字,需要在属性前面添加:号,才能读取到数字。

javascript 复制代码
 :active-value=0 :inactive-value=1
相关推荐
WayneX1 分钟前
Vue 3 + TypeScript + Vite 组件库搭建,自助式生成相应组件文档
前端·javascript·vue.js
贾铭2 分钟前
如何实现一个网页版的剪映(四)使用插件化思维创建pixi绘制画布(转场/滤镜)
前端·javascript
kgduu6 分钟前
js之xml处理
xml·前端·javascript
凌览11 分钟前
尤雨溪新公司官宣!Vite+ 正式开源,前端圈要变天了?
前端·javascript·后端
Highcharts.js16 分钟前
在 Highcharts 中实现 Marimekko可变宽度图|示例教程
javascript·highcharts·图表开发·可视化图表库·可变宽图
吃西瓜的年年1 小时前
前端面试题(vue)
前端·javascript·vue.js
wuhen_n2 小时前
结构化Prompt——让AI说“人话”
前端·vue.js·ai编程
En^_^Joy2 小时前
JavaScript入门指南:从零到精通
开发语言·javascript
前端小趴菜052 小时前
vue3-signature实现电子签名
前端·javascript·vue.js
卤蛋fg62 小时前
vue表格vxe-table如何获取拖拽后的行序号
vue.js