В моем объекте данных у меня есть два свойства.
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>
Тогда сумма не поступает в компонент.
Как мне это исправить?