Livewire emitTo 和重定向

Question

在组件 AAA 的视图中，我有一个向组件 AAA 提交事件的按钮

组件 AAA 视图：

<button wire:click="$emit('goToPage')">Go To Two</button>

组件 AAA 像这样接收它：

protected $listeners = ['goToPage'];

---

然后我想触发另一个事件，该事件重定向以及将选项卡值从组件 BBB 中的 1 更改为 2。

看起来像这样（仍在组件 AAA 中*）：

    public function goToPage()
    {
      $this->emit('changeTabs', $this->tab="two")->to('Alphabet.BBB');
      $this->redirectRoute('bbb', $this->bbb->id);
    }

---

组件 BBB 我有以下内容：

    public $tab = 'one'; //THIS IS THE DEFAULT TAB

    protected $listeners = ['changeTabs'];

    public function changeTabs()
    {
        return $this->tab="two";
        //dd(Made it here);

    }

---

我从 AAA 页面重定向到 BBB 页面，但 changeTabs 功能不起作用。该选项卡保持在其默认选项卡之一。

它永远不会到达changeTabs 函数返回或死转储。

我该如何解决这个问题？

谢谢！

Answer 1

形成我所理解的：

$this->redirectRoute('bbb', $this->bbb->id);

进行 HTTP 重定向，因此当您进行完全重定向时，发出事件不会产生任何变化，并且在重定向后会有新的组件。

我个人会改为使用：

 return redirect()->route('bbb', ['param1'=> $this->bbb->id, 'tab' => 'two']);

然后使用组件mount方法中的请求变量来决定应该打开哪个标签。

当然，除了在 url 中公开选项卡，您还可以将其闪烁到会话以更加透明