如何根据 Laravel Livewire 中的其他输入设置输入值？

Question

我必须给输入编号，

1. 率
2. 速率反转

我想做什么：

当用户插入rate时，它应该计算(1/rate)反向，并将其填入反向输入。

    <!-- Rate -->
    <x-input-group type="number" min="0"  step="0.0001"/>

    <!-- Reverse -->
    <x-input-group type="number min="0" step="0.0001"/>

我知道它应该这样做：

    <!-- Rate -->
    <x-input-group type="number" min="0" wire:focusout="reverse"  step="0.0001"/>

    <!-- Reverse -->
    <x-input-group type="number min="0" step="0.0001"/>

在我的组件中：

public function reverse()
{
    $reverse = floatval(1 / $this->rate);
    // here I don't know how to change reverse input value
}

现在，如何改变视图中的反向值？

Answer 1

你可以试试这个

    <!-- Rate -->
    <x-input-group type="number" wire:model.lazy="rate" min="0"  step="0.0001"/>

    <!-- Reverse -->
    <x-input-group type="number wire:model="reverse" min="0" step="0.0001"/>

// in component 

public $rate, $reverse;

public function updatedRate($value)
{
   $this->reverse = floatval(1 / $this->rate);
}