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