如何在vue js中添加加载器

Question

如何在VUE js和Laravel中添加加载效果。这是vuejs中的单页网站，我想在更改路线时添加加载程序。

表示当我单击另一个路由器时，需要时间来获取数据并显示，而我想显示加载程序。或者，当我提交表单时，我需要花一些时间提交，同时我想添加加载程序。

表示当我单击另一个路由器时，需要时间来获取数据并显示，而我想显示加载程序。或者，当我提交表单时，我需要花一些时间提交，同时我想添加加载程序。意味着当我单击到另一个路由器时，需要时间来获取数据并显示，同时我想显示加载程序。或者，当我提交表单时，我需要花一些时间提交，同时我想添加加载程序。意味着当我单击到另一个路由器时，需要时间来获取数据并显示，同时我想显示加载程序。或者，当我提交表单时，我需要花一些时间提交，同时我想添加加载程序。

请在VUE js + Laravel中提供帮助

Answer 1

如果您在浏览页面时提出要求，则加载程序可以相应地工作。

<script>
export default {
    data: () => ({
        loaderIsActive: false,
        items: null,
    }),

    mounted() {
        this.fetch();
    },

    methods: {
        async fetch() {
            this.loaderIsActive = true;
            this.items = await axios.post('YOUR API');
            this.loaderIsActive = false;
        }
    }
}

以这种方式可以使用它。