在Vue Inspector中,我实际上得到了消息,但我不确定如何在Vue组件上使用它。
请查看图片链接
https://ibb.co/2KTmstS
我正在使用Inertia helper方法并向Vue Components发送消息,但没有任何效果。
public function contact_to_project(){
$message = "My message!";
return Inertia('Contact_to_project', [
'message' => $message
]);
}
我的Vue组件
<template> {{message}}</template>
<script>
export default {
props: {
message: String,
},
}
</script>
3条答案
按热度按时间b1zrtrql1#
使用Inertia.js传递数据
将数据传递给惯性是非常简单的。
首先,设置一个控制器方法,该方法返回一个
inertia
响应,其中包含要作为属性传递给组件的数据。然后使setup成为您的Vue.js组件
那么你就可以走了!你现在应该可以看到
My message!
,当你走到与你的控制器对应的路线时。无重定向的Flash消息
在Inertia.js中访问闪存数据并不比在一个普通的Laravel应用程序中更难。你走在正确的轨道上,但似乎不知道如何在不使用重定向的情况下闪存数据。
在Laravel中,闪存数据存储在请求的会话中。因此,如果您想在当前请求中设置消息,请按如下方式操作:
之后,您只需按照Inertia.js文档渲染Vue.js组件。
在您的情况下,它看起来像这样:
然后像你在问题中提到的那样访问它。
628mspwn2#
根据您在
vue component
中的问题,您可以将数据定义为props
,然后在template
中显示它,如下例所示:wh6knrhe3#
您没有以正确的方式访问属性。由于props是您从服务器发送的所有数据的 Package ,因此您访问它们的方式是首先使用props。