问题标签 [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 回答
643 浏览

javascript - Laravel 8,Jetstream,惯性:在 DOM 中寻找应用程序

好的,尝试将我们的 Vuetify 应用程序移动到 L8、Jetstream 和惯性堆栈。我在 ./resources/js/app.js 中看到这一行

它正在抓取 DOM 中的 app 元素。
我的问题是 --- 是什么定义了应用程序。

在我的 L7 应用程序中,它在单个 Blade.php 中定义

我在 L8 中找不到它,这得到了这个....

谢谢,佛罗里达的吉姆

0 投票
5 回答
5044 浏览

laravel - Laravel 8 (Inertia js) - 获取 Vue 错误'app.js:30559 [Vue 警告]:创建钩子中的错误:“错误:找不到模块...”

我已经设置了一个使用 Jetstream(惯性 js 堆栈)的 Laravel 8 安装。所有 Jetstream 提供的视图都正常工作。

问题是当我创建一个呈现新 Vue 模板的新 Route 时,我在控制台中收到此错误:

app.js:30559 [Vue warn]: Error in created hook: "Error: Cannot find module './Test'"

我在 web.php 中创建的路线

“Test.vue”文件位于“resources/js/Pages”目录中。

应用程序.js

知道为什么找不到 Test.vue 模板吗?

0 投票
1 回答
551 浏览

laravel - Laravel 惯性返回列上数量有限的所有帖子,并从 belongsTo 关系添加用户

使用 Laravel、惯性、vue 我想返回索引中只有必要列的所有帖子,但我想从 belongsTo 关系添加用户

这是我尝试过的

测试一:添加用户

这将返回所有帖子,包括来自关系的用户,但返回帖子中的所有列

测试 2:过滤列

这将返回所有只有列 id、abstract 和 created_at 的帖子

这将返回按用户和所有列排序的所有帖子

我的问题是如何返回仅包含选定列的所有帖子,对它们进行排序并从 belongsTo 关系添加用户?

0 投票
1 回答
1863 浏览

laravel - 我无法在 vue js 中添加带有惯性 js 的 Vue 页面过渡

过渡在惯性页面中不起作用。如果在过渡标签之间添加 appLayout。它的工作。但所有内容都提供过渡。

仪表板.vue

adminLayout.vue

app.blade.php

0 投票
2 回答
1323 浏览

laravel - Laravel Fortify Return Inertia::render() 而不是刀片视图

我目前正在使用 vue 构建一个 SPA,并安装了 jetstream(带有 fortify)并使用惯性js 来获取我的 vue 组件。inertia::render('')我用的时候有办法用Fortify::loginView()吗?

0 投票
2 回答
703 浏览

reactjs - 如何将 Ziggy 与 React 和 Inertia 一起使用

如何在 React 组件中调用routeZiggy@route指令生成的 JavaScript 函数?

route函数是在运行时生成的,因此无法在 react 组件中预先导入它,因此 Laravel Mix 会抛出错误并且无法编译项目。更清楚地说,由于我使用的是 Typescript,如果不以某种方式导入````route``` 函数,我将无法编译我的组件。

我的堆栈是 Laravel 8、Inertia、React。

0 投票
2 回答
3686 浏览

laravel - 如何使用 laravel 惯性和 vue.js 更新表记录

我使用 Laravel 8 惯性和 vue

我想更新一个帖子,我在主 vue 中使用这个组件

使用表单显示此模板时,我收到了正确的帖子,并且其值正确显示在各个输入字段中。

我的控制器,目前非常简单:

在提交此表单时,dd 会输出以下内容:

在我看来,我正在遵守此页面https://inertiajs.com/forms中给出的指导,但为什么表单的值没有上传到服务器?

0 投票
0 回答
373 浏览

laravel - 如何返回到分页页面?

使用 Laraver Inertia Vue

我使用带有分页帖子列表的 vue。对于每篇文章,我只从数据库中加载几列,例如标题和作者。然后我访问 url 以加载列表中所选帖子的详细信息。我这样做是使用带有延迟加载功能的访问 url。之后,我准备好在不重新加载整个页面的情况下编辑帖子。帖子更新后,我将其提交并正确保存到数据库中。之后我可以返回页面。一切都发生了,无需重新加载列表。为了能够懒惰地加载特定帖子的详细信息,我的控制器是这样的。

我用来加载页面和详细信息的方法是:

只要我更新的特定帖子在第一页上就可以正常工作,但是当它在列表中的任何其他分页页面上时,帖子保存是可以的,但我不会返回分页页面但​​总是在第一页一。很高兴听到解决方案!

0 投票
1 回答
847 浏览

laravel - 带有惯性的 Laravel Jetstream 路线测试返回错误代码 500

在它工作的测试中,我可以访问该页面并且控制器工作正常。我写了以下测试:

我收到错误代码 500。这是控制器:

这是 web.php 中的路由

使用刷新数据库,之前尝试了带有“/”的 url,我仍然得到 500。

编辑:没有异常处理我得到:尝试获取非对象的属性“id”

0 投票
1 回答
65 浏览

vue.js - 将用户界面相关数据添加到 Vue 数组道具的模式?

如果道具不可编辑,如何在本地组件中添加与用户界面相关的数据?

假设您收到一个博客文章数组,每个文章都可以在界面中使用 v-for 进行迭代 - 但每个元素还需要一些仅与界面相关的额外属性,如“is_active”或“is_expanded”。

如果不应修改 props,如何将这些额外的属性添加到从 props 接收的数组中的每个元素?

在特殊情况下,我使用了惯性.js

因此,数据不能在接收 prop 的组件之外进行修改 - 在 Vuex 设置中,可能会改变来自后端的数据,并在进入组件之前为接口做好准备,但这在此处不可用。