日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

在el-table中判斷三種情況,顯示不同的數據

作者:南極一塊修煉千年的大冰塊 更新時間: 2023-10-26 編程語言

后端傳來的數據是數據0,1,2。0代表未支付,1代表支付寶支付,2代表微信支付,要求動態顯示在表格中

 <el-table-column align="center" prop="pay_method" label="支付方式" width="150">
        <template slot-scope="{row: {pay_method}}">
          <span v-if="+pay_method === 1">支付寶</span>
          <span v-else-if="+pay_method === 2">微信</span>
          <span v-else>未支付</span>
        </template>
      </el-table-column>

知識點

  • slot-scope="{row: {pay_method}}" 相當于把scope分解出來了pay_nethod,后面直接使用即可
    +pay_method,把pay_method轉為數字進行全等比較,不使用用==是為了避免出錯

原文鏈接:https://blog.csdn.net/weixin_42557996/article/details/95663194

  • 上一篇:沒有了
  • 下一篇:沒有了
欄目分類
最近更新