小编Soh*_*dia的帖子

取消之前在 Vue JS 中使用 fetch API 进行的调用

我正在 laravel + VueJS 应用程序中工作。其中有一个搜索功能,用户可以通过该功能搜索任何文本,然后将调用 API 以根据搜索文本获取数据。因此,要在 laravel 中调用 API,请使用 VueJS 中的“Fetch API”。所以现在,当任何用户按下任何关键字时,每次都会调用该方法来获取结果。因此,由于已发送多个请求。我只是喜欢在任何用户键入任何文本时这样做,然后每次以前的请求都必须取消。我在下面附加的代码用于调用 API 并获取数据。

            searchProperties(search) {

            if (search != null && search != '') {
                this.review = false;
                this.clearSes = false;
                fetch('/search/' + search)
                    .then(res => res.json())
                    .then(res => {
                        if (res.status === 200) {
                            this.properties = res.data.properties;
                        }
                    });

            } else {
                this.clearSuggestions();
            }
        }
Run Code Online (Sandbox Code Playgroud)

提前致谢!

laravel vue.js

5
推荐指数
1
解决办法
2247
查看次数

vue 文件中的更改不适用于浏览器

我正在从事具有技术的项目(laravel + vuejs)。其中在 vue 文件中创建了一个表单,我想在 vue 文件中添加一个文本。所以正如我所看到的,“当 vue 文件中进行任何更改时那么就需要重新编译应用程序”。而且我看到有用于重建应用程序的命令npm run devnpm run prodnpm run watchnpm run watch-poll。我在保存文件后尝试了所有这些命令,FTP但有时会应用更改(注意:不是立即而是在一段时间后),有时浏览器中没有任何更改。当我通过执行它尝试上述命令时,没有这样的发生错误并且重建成功完成。那么问题是什么,您能建议我需要配置的东西吗?

下面是package.json,webpack.mix.js文件的代码,之后我附上了腻子的图像,其中完成了应用程序重建。

在此处输入图片说明

在此处输入图片说明

在此处输入图片说明

提前致谢!

laravel vue.js

4
推荐指数
1
解决办法
966
查看次数

标签 统计

laravel ×2

vue.js ×2