码迷,mamicode.com
首页 > 其他好文 > 详细

vue+element-ui根据后台获取的值为1、2、3等类型时候进行中文显示

时间:2019-06-28 00:54:37      阅读:245      评论:0      收藏:0      [点我收藏+]

标签:template   span   rop   class   ESS   ==   ali   scope   tab   

有时候后台返回的状态不是中文的时候而是1、2、3这种类型的时候这时候不能直接根据prop属性直接进行显示,需要根据这些类型进行判断从而显示我们想要的中文时,比如表格中的某列需要显示中文的时候:

<el-table-column width="100" label="商品状态" align="center">
    <template slot-scope="scope">
       <el-tag type="success" effect="dark" v-if="scope.row.status==1">在售</el-tag>
       <el-tag type="warning" effect="dark" v-if="scope.row.status==2">下架</el-tag>
       <el-tag type="danger" effect="dark" v-if="scope.row.status==3">删除</el-tag>
    </template>
</el-table-column>

 

vue+element-ui根据后台获取的值为1、2、3等类型时候进行中文显示

标签:template   span   rop   class   ESS   ==   ali   scope   tab   

原文地址:https://www.cnblogs.com/wanghy898/p/11100471.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!