有没有什么方法可以在Vue.js中拆分卡片条纹元素字段

如何解决有没有什么方法可以在Vue.js中拆分卡片条纹元素字段

我正在使用 Vue.js 实现 Stripe。 我在 Vueify2.0 中找到了单行 stripe 元素的例子 https://codepen.io/morphatic/pen/OJLjgZd

new Vue({
  el: '#app',vuetify: new Vuetify(),data: () => ({
    apiKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx',create: 'token',label: 'Payment information',hint: 'Please enter card details',shaped: false,outlined: false,rounded: false,solo: false,singleLine: false,filled: false,clearable: false,persistent: true,loading: false,flat: false,token: null
  }),methods: {
    processCard () {
      alert(this.token)
    }
  }
})

但是现在，我想将卡号、卡到期、卡 Cvc 拆分为不同的元素。因为我想让这些 Card 详细信息字段与 v-text-field 的相同样式。

有什么好的方法可以处理这个问题吗？