el-switch不生效若依 ruoyi vue el-switch 列表开关状态显示有误
首先是要做一个这样的效果,需要用到开关,但是加上开关效果,不生效,没法做到点一次,换一次。因为要做到每一行单独控制。所以这个值是到时候每个数据体里面去拿的,所以要借助scope.row去获得。
解决方法:在el-switch外用template包住,加上slot-scope,
要想在表格中每个switch都单独的控制,写法v-mode=“scope.row.自己定义。
<template slot-scope="scope">
<el-switch
v-model="scope.row.p9"
active-color="#13ce66"
inactive-color="#ff4949"
active-value="N"
inactive-value="Y"
>
</el-switch>
</template>
若依 ruoyi vue el-switch 列表开关状态显示有误 全部关闭的问题
特别注意 int 需要加冒号,例如:
<el-table-column label="状态" align="center" width="100" prop="status">
<template slot-scope="scope">
<el-switch v-model="scope.row.status"
:active-value="0"
:inactive-value="1"
active-text="开"
inactive-text="关"
@change="handleStatusChange(scope.row)"
></el-switch>
</template>
</el-table-column>