Vue JS计算的属性不会触发

Question

在我的数据对象中，我有两个属性。

data() {
    return {
      days: [],
      cdsoFee: '1300'
    };
  },

cdsoFee在安装组件时设置。因此，这是恒定的。

但是days数组将根据用户选择的天数而改变。

在计算属性中，我做了类似的事情

computed: {
    amount() {
      return this.days.length * this.cdsoFee * 100;
    }
  },

在我的模板中，如果我这样输出

<template>
    <div>{{amount}}</div>
</template>

它工作正常。

但是，在我的模板中，我使用vue-stripe-checkout

<template>
    <div>
        <vue-stripe-checkout
         :amount="amount"
         @done="done"
         @opened="opened"
         @closed="closed"
         @canceled="canceled"
        ></vue-stripe-checkout>
    </div>
</template>

然后金额不计入组件。

我该如何解决？