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


有时候后台返回的状态不是中文的时候而是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>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM