将 Alpine JS 值传递给 Livewire 组件

2021-06-17

5844

php laravel-livewire alpine.js

我想知道是否有办法检索 Alpine JS 变量并将其传递给 Livewire 组件。类似于：

<template x-for="(something, index) in array" :key="something">
   @livewire("component", ["variable" => something])
</template>

1个回答

您可以使用 Livewire @entangle() 功能在 alpine 和 Livewire 之间共享属性状态。

像下面这样定义您的 alpine 变量：

<div x-data="{ something: @entangle('something') }">
    
</div>

并在您的 livewire 组件中像这样

public $something = null;

现在，无论何时更改组件变量值，它都会在 alpine 变量上更新，反之亦然

kenean50

2021-06-17