can't write api method in data() vue

Question

I want USD to be taken from api which function I've in methodsbut how can I write it ?

  data(){
      return {
        posts: 1,
        USD:changeCurrency()
      }
  },
  methods: {
    changeCurrency: function () {
      axios.get('http://data.fixer.io/api/latest?access_key=509c9d50c1e92a712be9c8f1f964cf67')
      .then(response => {
        this.posts = response.data.rates.GEL.toFixed(3)
      })
    }

How do you use your rate? Show template.

Andrey Kadnikov
– Andrey Kadnikov

2020-01-08 22:34:08 +00:00
Commented Jan 8, 2020 at 22:34 — Andrey Kadnikov
– Andrey Kadnikov, Commented Jan 8, 2020 at 22:34

Jesus Galvan · Accepted Answer · 2020-01-08 21:18:10Z

2

That is not how data is supposed to be used.

You can call changeCurrency in mounted or in the component itself @click="changeCurrency"

{
    data() {
        return {
            posts: 1,
            // USD:changeCurrency()
        };
    },
    mounted() {
        // you could call here instead
        this.changeCurrency();
    },
    methods: {
        changeCurrency: function () {
            axios.get('http://data.fixer.io/api/latest?access_key=509c9d50c1e92a712be9c8f1f964cf67')
                .then(response => {
                    this.posts = response.data.rates.GEL.toFixed(3);
                });
        }
    }
}

answered Jan 8, 2020 at 21:18

Jesus Galvan

5873 silver badges9 bronze badges

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

Collectives™ on Stack Overflow

can't write api method in data() vue

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related