问题标签 [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.
laravel - 如何将 vue.js 文件中的信息像 id 一样发送到控制器?Laravel - 惯性-vue
我正在尝试从按钮打开页面,但我需要发送按钮所在项目的 ID。对于上下文,这是一个讨论论坛页面,在用户破折号中,他们会看到他们可以评论的论坛每个底部都有一个按钮,我需要发送的是论坛 ID,这样当他们点击按钮时,它会将他们带到正确的论坛视图。
我怎样才能做到这一点?
我正在尝试不同的方式
在我的路线 web.php
控制器中的索引
这不起作用,重定向在主页内显示一个空白窗口?如何正确发送论坛 ID?
php - Laravel API 资源时间戳“在 null 上调用成员函数 format()”
我正在使用 Laravel 的API 资源功能为客户端很好地格式化我的响应,但我遇到的问题是下面的代码;
使用此代码时,出现错误;属性"Call to a member function format() on null"
上。created_at
但我已经习惯于dd($this->collection)
确认实际上没有任何属性null
,我不确定是什么原因造成的。我的迁移包含$table->timestamps();
,并且在我的工厂内部,我根本没有覆盖时间戳,所以我不确定问题是什么。
这是我在下面运行的测试也得到了这个错误;
当我在我的项目中使用InertiaJS时,额外的功能(例如assertPropCount
和assertPropValue
)来自 InertiaJS 演示应用程序。
希望有人能够提供帮助,正如我在其他几个地方询问过的那样,似乎没有人知道这是什么原因,并且根据我的调试,似乎并没有太多有效的解释为什么created_at
是空的。
作为一个注释,如果我也转向$item->user
代码$item->user->toArray()
,那么这也无法抱怨user
它不是空的。似乎试图将任何方法链接到任何属性都会导致此空错误,我不确定为什么。
javascript - Vue数据值未更新以供函数使用
所以我试图通过惯性vue和axios延迟加载无限滚动的文章,后端是laravel 6.0。因为我不想做不必要的请求,所以我将文章的总量提供给组件。我还在跟踪组件数据中已加载文章的数量。
加载的文章都被放入articles
,并scrolledToBottom
跟踪用户是否滚动到底部。我已经检查过是否this
引用了 vue 组件并具有数据属性,它确实如此。
奇怪的是,如果我登录this.loaded
响应/错误箭头函数,它总是返回 0。如果我在响应之外执行它也返回 0,但是如果我在循环运行后记录this
该属性具有假定的值,loaded
尽管每次运行循环时都会记录它。我已经向朋友展示了这个,他也无法修复它。这种行为对我来说似乎很奇怪,我不知道我应该怎么做,因为我对 vue 非常缺乏经验。
谢谢您的帮助。
javascript - 清除 React Hooks 中未安装组件上的内存泄漏
我是使用 React 的新手,所以这可能很容易实现,但即使我做了一些研究,我自己也无法弄清楚。如果这太愚蠢了,请原谅我。
语境
我将Inertia.js与 Laravel(后端)和 React(前端)适配器一起使用。如果您不了解 Inertia,则基本上:
Inertia.js 让您可以使用经典的服务器端路由和控制器快速构建现代单页 React、Vue 和 Svelte 应用程序。
问题
我正在做一个简单的登录页面,该页面有一个表单,提交时将执行 POST 请求以加载下一页。它似乎工作正常,但在其他页面中控制台显示以下警告:
警告:无法对未安装的组件执行 React 状态更新。这是一个空操作,但它表明您的应用程序中存在内存泄漏。要解决此问题,请在 useEffect 清理函数中取消所有订阅和异步任务。
在登录(由惯性创建)
相关代码(我已经简化它以避免不相关的行):
现在,我知道我必须执行清理功能,因为请求的承诺是生成此警告的原因。我知道我应该使用useEffect
但我不知道如何在这种情况下应用它。我已经看到了值更改时的示例,但是如何在这种调用中做到这一点?
提前致谢。
更新
根据要求,该组件的完整代码:
laravel - 为什么在 Laravel 中保存数据时出现方法不允许错误?
在我的应用程序中,尝试保存数据时出现错误方法不允许。我在这里发布我的代码,请有人调查一下并帮助我。
HolidayAdd.vue
假日控制器.php
网页.php
据我所知,没有错误,那为什么我在这里收到 405 错误?
laravel - 为什么在 Laravel 中保存数据时出现意外的重定向 (302) 错误?
在我的应用程序中,尝试保存数据时出现错误 302。我在这里发布我的代码,请有人调查一下并帮助我。
HolidayAdd.vue
假日控制器.php
网页.php
据我所知,没有错误,那为什么我在这里收到302错误?
javascript - InertiaJS 如何为标签使用“嵌套布局”?
我希望获得一些关于 InertiaJS 中“嵌套布局”的额外信息。它的文档非常稀缺,我几乎找不到任何类型的示例来说明它是如何工作的,而且网站上的文档对它的工作原理或代码的作用也没有很好的描述。(https://inertiajs.com/pages#persistent-layouts)
基本上我想在这里实现类似于这条推文的功能; https://twitter.com/klaasgeldof/status/1181198792995037184
希望有人可以提供一些额外的信息,因为我在让它正常工作时遇到了很多麻烦。
laravel - 使用 Vue.Js / Inertia.js 和 Laravel 对结果进行分页
我正在尝试在 Vue.Js 中对来自 Laravel 的数据进行分页。我也在使用 Inertia.js。
在我的 Laravel 控制器中,我有:
这在 Vue 中连续输出了我的两个用户。我也期望链接对象用于分页。我在我的 Vue 道具中没有看到这一点。
如果我检查我的 Vue 道具,我有以下对象:
如果我:
在控制器中我可以看到:
我一直在寻找PingCRM的灵感,但没有运气 - 我在链接中引用了。帮助表示赞赏。
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 机器时会中断。似乎绝对路径是相对于操作系统而不是服务器根目录的。