首页 > 其他分享 >switch 实时渲染问题

switch 实时渲染问题

时间:2022-09-22 11:55:05浏览次数:47  
标签:渲染 value switch inactive 实时 状态值

从数据库查询出数据,其中状态值使用(0、1)表示,此时 switch 不能实时的渲染。
解决方法:

active-valueinactive-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>

结果

标签:渲染,value,switch,inactive,实时,状态值
From: https://www.cnblogs.com/yizhouiqpl/p/16718747.html

相关文章