Как отобразить мои ошибки по умолчанию для Stripe?

#vue.js #stripe-payments

#vue.js #stripe-платежи

Вопрос:

Я использую этот vue-stripe-checkout (Vue.js ), все работает нормально, но если я напишу поддельный номер карты, появится автоматическое сообщение с надписью «ваш номер неверен».

Это то, что я хочу, но я не знаю, как добавить к этому стиль, потому что это стиль 0 и очень уродливый. Объект style не работает над этим, я нашел в документации слоты для «ошибок с карточками», но я не знаю, что это значит.

Если кто-нибудь может мне помочь?

 <stripe-elements
            :styleObject="style"
            ref="elementsRef"
            :pk="publishableKey"
            locale="fr"
            @token="tokenCreated"
            @loading="loading = $event"
        >
        </stripe-elements>
        <button class="btn btn-success px-5" @click="submit">Payer</button>
  

Комментарии:

1. Да, похоже, вы бы оформили card-errors элемент на странице! К сожалению, у меня нулевой опыт работы с Vue или что такое слот, поэтому я не уверен, как вы к этому подойдете, может быть, кто-то другой может подключиться, или есть информация в Интернете, или вы можете спросить у разработчиков этого плагина на Github.

2. Спасибо за ваш ответ, к сожалению, я ищу и не нашел ответа, потому что плагин не самый популярный. Может быть, кто-то получил ответ или понял функциональность = / Спасибо!