Данные не обновляются при изменении API на Vue Js - PullRequest
Новая
       75

Данные не обновляются при изменении API на Vue Js

0 голосов
/ 12 июля 2020

Хорошо, у меня проблема, здесь я делаю сообщение данных с тегом, и когда я нажимаю на тег, другие сообщения данных не обновляются тегом.

Я получаю api с Создана функция, нужно ли мне использовать vuex?

все могут мне помочь, большое спасибо

это мой шаблон 

<div class="col-md-4 mb-4" v-for="post in posts" :key="post.id">
                        <div class="card h-100 shadow-sm border-0 rounded-lg">
                            <div class="card-img">
                                <img :src="path+'/storage/posts/'+post.image" class="w-100"
                                    style="height: 200px;object-fit: cover;border-top-left-radius: .3rem;border-top-right-radius: .3rem;">
                            </div>
                            <div class="card-body">
                                <router-link :to="{name: 'detail_post', params: {slug: post.slug}}"
                                    class="text-dark text-decoration-none">
                                    <h6>{{ post.title }}</h6>
                                </router-link>
                            </div>
                            <div class="card-footer bg-white">
                                <i class="fa fa-calendar" aria-hidden="true"></i> {{ post.created_at }}
                            </div>
                        </div>
                    </div>

это мой JavaScript

<script>
    //import axios
    import axios from 'axios'

    export default {
        name: 'PostIndex',
        data() {
            return {
                path: axios.defaults.baseURL,
                posts: []
            }
        },
        created() {
            //get post homepage
            axios.get(`/api/tag/${this.$route.params.slug}`).then(response => {
                this.posts = response.data.data.data;
            })

        }
    }
</script>
...