从 Javascript 获取值到 Livewire 组件

Question

你能告诉我是否可以获取 Javascript 字段的值并将其传递给 Laravel Livewire 属性:

首先，我使用 Javascript 以下值加载输入：

document.getElementById('lat-span').value = (place.geometry['location'].lat());

这会用值加载输入，现在我尝试使用 wire:model 检索该值，但它显示为 null，我知道这不是我想的那样：

<input  wire:model="latitud" value="lat-span" id="lat-span" />

如何直接将这个 javascript 值传递给 Livewire 属性？

Answer 1

<script>
@this.set('latitud', place.geometry['location'].lat());
</script>

在脚本标签中试试这个

Answer 2

<script>
// ....
Livewire.emit('getLatitudeForInput', place.geometry['location'].lat());
</script>

在组件中

public $latitud;
protected $listeners = [
     'getLatitudeForInput'
];
//
public function getLatitudeForInput($value)
{
    if(!is_null($value))
        $this->latitud = $value;
}

刚刚秃顶

<input  wire:model="latitud" id="lat-span" />

从 Javascript 获取值到 Livewire 组件

Get value from Javascript to Livewire Component

javascript

laravel

laravel-livewire