从数据库查询出数据,其中状态值使用(0、1)表示,此时 switch 不能实时的渲染。
解决方法:
在
active-value
和inactive-value
前面加上:
<el-table-column label="状态" align="center" prop="status" >
<template slot-scope="scope">
<span>{{scope.row.status}}</span>
<el-switch
v-model="scope.row.status"
active-color="#13ce66"
inactive-color="#ff4949"
:active-value="1"
:inactive-value="0"
@change="changeSwitch(scope.row)">
</el-switch>
</template>
</el-table-column>
结果