Skip to main content
3 / 5
本文から 8 文字削除

vue.js3 v-modelで入力フォームから取得した値が変数に入ってない

↓のように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');