当前位置:编程学习 > JS >>

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>
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,