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

後端傳來的數據是數據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轉爲數字進行全等比較,不使用用==是爲了避免出錯
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章