price.vue

<template>
  <div>
    <template v-if="charging">
      {{$t('全包价')}}:{{freight}}{{currencyMap[freightCurrency]}}
    </template>
    <template v-else>
      <div>{{$t('运费')}}：{{freight}}{{currencyMap[freightCurrency]}}</div>
      <div>{{$t('清关费')}}：{{clearance}}{{currencyMap[clearanceCurrency]}}</div>
    </template>
  </div>
</template>

<script>
export default {
  props:{
    // 货币映射
    currencyMap:{
      type:Object,
      default(){
        return {}
      }
    },
    // 运费
    freight: [String, Number],
    // 运费货币
    freightCurrency: Number,
    // 清关费
    clearance: [String, Number],
    // 运费货币
    clearanceCurrency: Number,
    // 是否全包价
    charging: Boolean
  }
}
</script>