↓のようにv-modelで取得したusernameをconst data内にセットしてAPI呼びたいのですが、
リクエスト投げたタイミングで渡した内容確認してもconst data内のusernameが空のままです。
どうすればconst data内のusernameに値を設定できるのでしょうか?
※API呼び出せるまでは確認済です。
const { createApp, ref } = Vue;
createApp({
setup() {
const username = ref('');
const data = {
'username': username.value
};
const config = {
headers:{
'Content-Type': 'application/json; charset=utf-8',
'X-CSRF-TOKEN': 'ZZZZZZ'
}
};
const loginauth = () => {
axios.post('/test', data, config)
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
};
return {
username,
loginauth
};
}
}).mount('#app');