Filament 父子组件共享状态

假设在自定义页面中,嵌有头部组件,下面代码示例如何在自定义页面与组件间的状态共享方法

父组件

use App\Filament\Widgets\ChildWidget;
use Filament\Pages\Page;

class ParentPage extends Page
{
    public string $month = "";
    // 监听子组件触发的事件
    protected $listeners = ['updateMonth'];

    protected function getHeaderWidgets(): array
    {
        return [
            ChildWidget::class
        ];
    }

    public function updateMonth($value){
        $this->month = $value;
    }

}

子组件

class ChildWidget extends Widget
{
    //筛选月份
    public ?string $month;

    // 给父组件传递状态,可以在 getViewData 中调用该方法
    public function changeMonth($value){
        $this->emit('updateMonth',$value);
    }
}
本作品采用《CC 协议》,转载必须注明作者和本文链接
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!