首页 > 其他 > 详细

vue,ElementUI中Switch 开关,switch 打开时的值为数字,该如何设置

时间:2020-11-18 11:42:07      阅读:412      评论:0      收藏:0      [点我收藏+]

技术分享图片

 

 

 页面使用的是vue+ElementUI

想要显示状态与数据库中的数据保持一致

技术分享图片

 

 

 可以看到数据库中show_Status 中是数字类型,0 表示不显示,1表示显示

  <el-table-column
        prop="showStatus"
        header-align="center"
        align="center"
        label="显示状态">
        <template slot-scope="scope">
          <el-switch
            v-model="scope.row.showStatus"
            :active-value="1"
            :inactive-value="0"
            active-color="#13ce66"
            inactive-color="#ff4949"
            @change="updateBrandStatus(scope.row)">
          </el-switch>

          {{scope.row.showStatus}}
          {{typeof(scope.row.showStatus)}}
        </template>
      </el-table-column>

 

  

技术分享图片

 

 如果是使用数字的话,这两个属性前面要加:否则不能识别出数据,会认为“1”,“0” 是字符串,导致开关状态一直为关闭状态

 

参考博客:https://blog.csdn.net/qq_35430000/article/details/99760226

vue,ElementUI中Switch 开关,switch 打开时的值为数字,该如何设置

原文:https://www.cnblogs.com/minmin123/p/13998675.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!