Vuejs3 and AXIOS update variable

Question

I call a POST function with AXIOS and I want to retrieve a JSON dict from it. I don't find how to update my Vuejs 3 variable.

    <script type="text/javascript">
    Vue.createApp({
      data() {
        return {
          name: 'Vue.js',
          accounts: "",
        }
      },
      methods: {
        refresh_account_list(event) {
          axios.defaults.xsrfHeaderName = "X-CSRFTOKEN";
          axios.defaults.xsrfCookieName = "csrftoken";
          axios.defaults.withCredentials = true;
          axios.post('/api/gads/get_accounts', {
            mcc_id: 'XXXXXXXX',
          }) => (this.accounts = response.data)
        }
      }
    }).mount('#app')
    </script>

The value of "accounts" never changes, even if I receive data correctly. Did I miss something ?

Many thanks,

andsilver · Accepted Answer · 2021-12-24 04:24:02Z

2

axios.post('/api/gads/get_accounts', {
  mcc_id: 'XXXXXXXX',
}) => (this.accounts = response.data)

This is actually a wrong syntax. It should be looking like this:

axios.post('/api/gads/get_accounts', {
  mcc_id: 'XXXXXXXX',
}).then(response => (this.accounts = response.data))

answered Dec 24, 2021 at 4:24

andsilver

6,0323 gold badges21 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

tony19 Over a year ago

Likely a copy-paste error here. Otherwise, a syntax error would stop the OP from even running the code.

Collectives™ on Stack Overflow

Vuejs3 and AXIOS update variable

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related