Question

我开始将vuetify与我正在学习的“支付网关”一起使用，但是我遇到了一些问题。

如果我有这样的表格：

<form @submit.prevent="continuar" id="customer-form">
    <div class="card-errors"></div>
    <div class="form-group">
        <label>Nombre del usuario de tarjeta</label>
        <input type="text" data-epayco="card[name]">
    </div>
    <div class="form-group">
        <label>Email</label>
        <input type="text" data-epayco="card[email]">
    </div>
      ...
    <button type="submit">¡Pagar ahora!</button>
</form>

“令牌”参数返回一个未定义的值。

continuar(event){

  ePayco.token.create(event.target, (error, token) => {
    if(!error) {
      console.log("token: " + token)
    } else {
      console.log(error)
    }
   })
},

但是当我使用vuetify时，即使“ Epayco”库显示一条消息，表明一切都已正确进行，“ Token”参数也会返回“ undefined”。

  <form id="customer-form" @submit.prevent="continuar">
    <div class="card-errors"></div>
    <v-layout row align-center>
      <v-flex md3 offset-md1 class="mr-3">
          <v-layout justify-end>
              <span>Nombre en la tarjeta*</span>
           </v-layout>
      </v-flex>
      <v-flex md4>
        <v-text-field data-epayco="card[name]"/>
      </v-flex>
    </v-layout>
    <v-layout row align-center>
        <v-flex md3 offset-md1 class="mr-3">
            <v-layout justify-end>
                <span>Email</span>
            </v-layout>
        </v-flex>
        <v-flex md4>
          <v-text-field data-epayco="card[email]"/>
        </v-flex>
    </v-layout>
    ......
    <v-layout class="my-3" justify-center>
      <v-btn type="submit">Pagar</v-btn>
    </v-layout>
</form>

有人知道为什么会出问题吗？

应该注意的是，当发生错误时，参数“错误”会返回错误且并非未定义

Answer 1

根据示例here，看来您应该在使用ePayco.token.create()函数上有所不同。

epayco.token.create(paymentDetails)
.then(function(token) {
    console.log(token);
})
.catch(function(err) {
    console.log("err: " + err);
});

为什么在使用Vuetify

1 个答案: