Vue 渲染状态标签

想要做成这样的效果，如图

这是接口文档

这是响应结果

我们需要的是mg_state 的状态，根据是 true 还是 false 在前台显示按钮是否打开

这是前台显示时候的代码

根据 {{scope.row}} 可以拿到所在行的数据，如图

我们使用Element中的switch 组件，如图

代码如下

效果如下

> 补充一点

我们既然在插槽中绑定了mg_state，他会默认覆盖上面的prop="mg_state" 内容，所以我们可以prop 删掉