Я пытаюсь войти с номером телефона в моем проекте, используя Laravel в качестве бэкэнда и VueJs в качестве фронта, и это мой код в VueJs
index.html
<script src="https://sdk.accountkit.com/en_US/sdk.js"></script>
<script>
AccountKit_OnInteractive = function(){
AccountKit.init (
{
appId:"904814123054635",
state:"{{csrf}}",
version:"v1.1",
fbAppEventsEnabled:true,
debug:true
}
);
};
</script>
loginComponent.vue
<template>
<div>
<v-flex sm12 md 12>
<v-btn @click="smsLogin()">Phone Number</v-btn>
</v-flex>
<form id="login_success" @submit.prevent="sendRequest()">
<input id="csrf" type="hidden" name="csrf" />
<input id="code" type="hidden" name="code" />
</form>
</div>
</template>
<script>
import axios from 'axios';
export default {
data() {
return {
phoneData: {
code: '',
csrf: ''
}
}
},
methods: {
loginCallback(response) {
if (response != null) {
console.log(response);
if (response.status === "PARTIALLY_AUTHENTICATED") {
this.phoneData.code = response.code;
this.phoneData.csrf = response.state;
document.getElementById("login_success").submit();
}
}
},
smsLogin() {
AccountKit.login(
'PHONE',
{},
this.loginCallback()
);
},
sendRequest() {
console.log("Process Done");
}
}
}
</script>
Но я получаю эту ошибку
Uncaught TypeError: a не является функцией
в b (sdk.js? hash = 2ca333864c9c5d0a85615e6017d1d107: 98)
в s (sdk.js? hash = 2ca333864c9c5d0a85615e6017d1d107: 98)
at sdk.js? hash = 2ca333864c9c5d0a85615e6017d1d107: 98
at sdk.js? hash = 2ca333864c9c5d0a85615e6017d1d107: 88
at sdk.js? hash = 2ca333864c9c5d0a85615e6017d1d107: 65
Пожалуйста, у кого-нибудь есть идеи по этому поводу?
Или здесь есть какой-нибудь пакет для VueJs, чтобы использовать Account Kit