【问题标题】:Passing Alpine JS value to Livewire component将 Alpine JS 值传递给 Livewire 组件
【发布时间】:2021-09-02 11:50:27
【问题描述】:

我想知道是否有办法检索 Alpine JS 变量并将其传递给 Livewire 组件。 比如:

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

【问题讨论】:

    标签: php laravel-livewire alpine.js


    【解决方案1】:

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

    如下定义你的 alpine 变量:

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

    在你的 livewire 组件中像这样

    public $something = null;

    现在,每当您更改组件变量值时,它都会在 alpine 变量上更新,反之亦然

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-12-14
      • 2021-05-13
      • 2022-01-16
      • 2020-08-05
      • 1970-01-01
      • 1970-01-01
      • 2013-06-24
      • 2016-09-24
      相关资源
      最近更新 更多