首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Livewire数据绑定问题

Livewire数据绑定问题
EN

Stack Overflow用户
提问于 2020-09-17 17:39:27
回答 3查看 1.1K关注 0票数 1

我在试着学习如何使用livewire。所以我从文档和录像带开始。我使用Jetstream和Livewire脚手架构建了一个Laravel项目。问题似乎是控制器没有将变量传递给刀片模板。

我之前做了一个测试项目,只使用Laravel 8,修改了welcome.blade.php模板,并要求Livewire by composer。而且它工作得很好。

重现步骤:创建Laravel 8.x jetstream项目并使用我的代码

下面是我的代码:

在: App\Http\Livewire\AddPost.php:

代码语言:javascript
运行
复制
<?php

namespace App\Http\Livewire;

use Livewire\Component;

class AddPost extends Component
{
    public $title = "Blank";
    public $content = "Such empty here";
    public function render()
    {
        return view('livewire.add-post');
    }
}

在: resources/views/add-post.blade.php中

代码语言:javascript
运行
复制
<html>
    <head>
        @livewireStyles
    </head>

    <body>
        @livewire('add-post')

        @livewireScripts
    </body>
</html>

位于: resources\views\livewire\add-post.blade.php

代码语言:javascript
运行
复制
<div>
    Title: {{ $title }}
    <br>
    Content: {{ $content }}
</div>

GitHub repo

EN

回答 3

Stack Overflow用户

发布于 2020-12-01 02:36:35

尝尝这个

代码语言:javascript
运行
复制
public function render()
{
    return view('livewire.add-post', [
        'title' => $this->title,
        'content' => $this->content
    });
}

代码语言:javascript
运行
复制
@livewire('add-post', ['title' => 'lorem ipsum', '' => 'content'])

或者使用这个函数,它就像一个构造函数()。

代码语言:javascript
运行
复制
public function mount() {
    $this->title = 'lorem ipsum';
    $this->content = 'content';
}
票数 2
EN

Stack Overflow用户

发布于 2021-01-12 14:23:49

在app.blade.php中试用:{{$slot}}

代码语言:javascript
运行
复制
 <html>
     <head>
         @livewireStyles
     </head>
 
     <body>
         {{ $slot }}                   <<<<<<<--------------
 
         @livewireScripts
     </body>
 </html>
票数 0
EN

Stack Overflow用户

发布于 2021-03-27 13:06:11

你可以使用这个

代码语言:javascript
运行
复制
public $title;
public $content;

public function mount(){
$this->title= "Blank";
$this->content= "Such empty here";
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63935291

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档