问题标签 [inertiajs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1449 浏览

laravel - 制作带有评论的帖子页面的最佳方法是什么。Laravel - vue.js - 惯性 vue

我正在尝试创建一个带有评论的讨论论坛,这就是它的样子 在此处输入图像描述

此页面有路线

Route::get('forums/comment/{id}', 'ForumController@comment');

在控制器中

我的问题是如何将此评论保存在评论控制器中,在我的 vue 文件中,当我按下保存按钮时,我有这个方法会被执行

我也有这条评论路线

对于商店功能,我有这个

问题是当我尝试保存评论时出现此错误

此路由不支持 POST 方法。支持的方法:GET、HEAD。

我怎样才能解决这个问题?或者有什么更好的方法来做到这一点?

0 投票
2 回答
3162 浏览

laravel - 如何将 vue.js 文件中的信息像 id 一样发送到控制器?Laravel - 惯性-vue

我正在尝试从按钮打开页面,但我需要发送按钮所在项目的 ID。对于上下文,这是一个讨论论坛页面,在用户破折号中,他们会看到他们可以评论的论坛每个底部都有一个按钮,我需要发送的是论坛 ID,这样当他们点击按钮时,它会将他们带到正确的论坛视图。

我怎样才能做到这一点?

我正在尝试不同的方式

在我的路线 web.php

控制器中的索引

这不起作用,重定向在主页内显示一个空白窗口?如何正确发送论坛 ID?

0 投票
1 回答
1130 浏览

php - Laravel API 资源时间戳“在 null 上调用成员函数 format()”

我正在使用 Laravel 的API 资源功能为客户端很好地格式化我的响应,但我遇到的问题是下面的代码;

使用此代码时,出现错误;属性"Call to a member function format() on null"上。created_at

但我已经习惯于dd($this->collection)确认实际上没有任何属性null,我不确定是什么原因造成的。我的迁移包含$table->timestamps();,并且在我的工厂内部,我根本没有覆盖时间戳,所以我不确定问题是什么。

这是我在下面运行的测试也得到了这个错误;

当我在我的项目中使用InertiaJS时,额外的功能(例如assertPropCountassertPropValue)来自 InertiaJS 演示应用程序。

希望有人能够提供帮助,正如我在其他几个地方询问过的那样,似乎没有人知道这是什么原因,并且根据我的调试,似乎并没有太多有效的解释为什么created_at是空的。

作为一个注释,如果我也转向$item->user代码$item->user->toArray(),那么这也无法抱怨user它不是空的。似乎试图将任何方法链接到任何属性都会导致此空错误,我不确定为什么。

0 投票
1 回答
316 浏览

javascript - Vue数据值未更新以供函数使用

所以我试图通过惯性vue和axios延迟加载无限滚动的文章,后端是laravel 6.0。因为我不想做不必要的请求,所以我将文章的总量提供给组件。我还在跟踪组件数据中已加载文章的数量。

加载的文章都被放入articles,并scrolledToBottom跟踪用户是否滚动到底部。我已经检查过是否this引用了 vue 组件并具有数据属性,它确实如此。

奇怪的是,如果我登录this.loaded响应/错误箭头函数,它总是返回 0。如果我在响应之外执行它也返回 0,但是如果我在循环运行后记录this该属性具有假定的值,loaded尽管每次运行循环时都会记录它。我已经向朋友展示了这个,他也无法修复它。这种行为对我来说似乎很奇怪,我不知道我应该怎么做,因为我对 vue 非常缺乏经验。

谢谢您的帮助。

0 投票
5 回答
59808 浏览

javascript - 清除 React Hooks 中未安装组件上的内存泄漏

我是使用 React 的新手,所以这可能很容易实现,但即使我做了一些研究,我自己也无法弄清楚。如果这太愚蠢了,请原谅我。

语境

我将Inertia.js与 Laravel(后端)和 React(前端)适配器一起使用。如果您不了解 Inertia,则基本上:

Inertia.js 让您可以使用经典的服务器端路由和控制器快速构建现代单页 React、Vue 和 Svelte 应用程序。

问题

我正在做一个简单的登录页面,该页面有一个表单,提交时将执行 POST 请求以加载下一页。它似乎工作正常,但在其他页面中控制台显示以下警告:

警告:无法对未安装的组件执行 React 状态更新。这是一个空操作,但它表明您的应用程序中存在内存泄漏。要解决此问题,请在 useEffect 清理函数中取消所有订阅和异步任务。

在登录(由惯性创建)

相关代码(我已经简化它以避免不相关的行):

现在,我知道我必须执行清理功能,因为请求的承诺是生成此警告的原因。我知道我应该使用useEffect但我不知道如何在这种情况下应用它。我已经看到了值更改时的示例,但是如何在这种调用中做到这一点?

提前致谢。


更新

根据要求,该组件的完整代码:

0 投票
2 回答
342 浏览

laravel - 为什么在 Laravel 中保存数据时出现方法不允许错误?

在我的应用程序中,尝试保存数据时出现错误方法不允许。我在这里发布我的代码,请有人调查一下并帮助我。

HolidayAdd.vue

假日控制器.php

网页.php

据我所知,没有错误,那为什么我在这里收到 405 错误?

0 投票
1 回答
2337 浏览

laravel - 为什么在 Laravel 中保存数据时出现意外的重定向 (302) 错误?

在我的应用程序中,尝试保存数据时出现错误 302。我在这里发布我的代码,请有人调查一下并帮助我。

HolidayAdd.vue

假日控制器.php

网页.php

据我所知,没有错误,那为什么我在这里收到302错误?

0 投票
2 回答
1843 浏览

javascript - InertiaJS 如何为标签使用“嵌套布局”?

我希望获得一些关于 InertiaJS 中“嵌套布局”的额外信息。它的文档非常稀缺,我几乎找不到任何类型的示例来说明它是如何工作的,而且网站上的文档对它的工作原理或代码的作用也没有很好的描述。(https://inertiajs.com/pages#persistent-layouts

基本上我想在这里实现类似于这条推文的功能; https://twitter.com/klaasgeldof/status/1181198792995037184

希望有人可以提供一些额外的信息,因为我在让它正常工作时遇到了很多麻烦。

0 投票
2 回答
6813 浏览

laravel - 使用 Vue.Js / Inertia.js 和 Laravel 对结果进行分页

我正在尝试在 Vue.Js 中对来自 Laravel 的数据进行分页。我也在使用 Inertia.js。

在我的 Laravel 控制器中,我有:

这在 Vue 中连续输出了我的两个用户。我也期望链接对象用于分页。我在我的 Vue 道具中没有看到这一点。

如果我检查我的 Vue 道具,我有以下对象:

如果我:

在控制器中我可以看到:

我一直在寻找PingCRM的灵感,但没有运气 - 我在链接中引用了。帮助表示赞赏。

0 投票
1 回答
420 浏览

vue.js - WebpackChunkName 使用当前工作目录而不是 web 根目录

我正在运行带有惯性 js 的 Vue 应用程序。我的应用程序位于 web 根目录中的一个文件夹中,如下所示:

在我的 app.js 文件中,我有以下代码:

当我构建时,文件会在正确的目录(/myVueApp/includes/js/pages)中生成,

运行应用程序时,浏览器会直接在 Web 根目录中查找分块文件(/includes/js/pages),而不是 myVueApp 文件夹。

Webpack.config.js、package.json 都在 myVueApp/ 文件夹中,这是执行 npm run 命令的地方。

(/myVueApp/includes/js) 中的 runtime.js 文件加载正常,但它告诉浏览器从服务器根目录而不是 /myVueApp 文件夹中查找分块文件。

我可以使用什么 webpack 设置来解决这个问题?

我尝试设置根路径,但它需要一个绝对路径,当从我的 Windows 机器切换到 Linux 机器时会中断。似乎绝对路径是相对于操作系统而不是服务器根目录的。