Почему не работают axios-запросы во Vue?

Question

[shsv382]

Есть кнопка, по нажатию которой нужно запросить данные, например:

<template>
<button v-on:click.prevent="handleClick">Get Posts</button>
</template>

export default {
// ...
methods: {
        async handleClick() {
            console.log(1);
            try {
                let response = await axios.get("https://jsonplaceholder.typicode.com/posts?_limit=10");
                console.log(response);
            } catch(error) {
                console.log(error);
            }
        },
}
//...
}

Уже сломал себе всю голову. Во всех туториалах все просто, а на деле не понимаю, почему не работает.

Answer 1

[Wispik]

Замени
v-on:click.prevent
на
v-on:click
.prevent - это для submit

Comments

[shsv382]

Уже делал. Работать начало только когда поместил кнопку над всеми компонентами, принимающими props. Пока не могу понять, почему так

[Wispik]

shsv382, тогда нужно больше инфы, код в вопросе рабочий, единственное что бросилось в глаза это prevent