Livewire 3中如何获取组件元素的内部HTML？

首先注意代码里的一处小不一致：HTML中使用的是<livewire:country>，但PHP组件类是Option，需要确保组件引用名和类名对应（比如如果类是Country，则引用应为<livewire:country>，反之亦然）。

要获取组件的内部HTML（插槽内容），在Livewire 3中可以直接通过$this->slot访问，它是一个ComponentSlot实例，调用对应方法即可提取内容：

• 若要获取纯文本内容（去除HTML标签），使用toString()方法
• 若要保留原始HTML格式，使用toHtml()方法

修正后的组件类代码如下：

namespace App\Livewire;

use Livewire\Component;

// 根据HTML引用名调整类名，比如对应<livewire:country>时类名应为Country
class Country extends Component
{
    public $country;

    public function mount()
    {
        // 获取插槽纯文本内容并赋值
        $this->country = trim($this->slot->toString());
        
        // 如需保留HTML格式，改用下面一行
        // $this->country = $this->slot->toHtml();
    }

    public function render()
    {
        return view('livewire.country');
    }
}

对应的HTML调用：

<livewire:country>Australia</livewire:country>

这样就能将组件标签内的内容（如'Australia'）赋值给$country属性。

内容的提问来源于stack exchange，提问作者Josjojo