AlpineJS 将预填充值传递给 x-model

Question

我有一个可以动态接收值的表单，我想首先将其传递给 x-model。

我怎样才能做到这一点？在这种情况下，最好的做法是什么？

希尔就是一个例子

  <input name="zip" type="text" autocomplete="off" placeholder="{{__('PLZ, Ort', 'bdb')}}" value="{{$currentZip ?? ''}}"
               x-model="formData.zip">

formData.zip即使填了值也会为空$currentZip

Answer 1

您可以在每个输入元素上有一个 x-init 指令，您可以在其中设置可选的动态值：

<input name="zip" 
       type="text" 
       autocomplete="off" 
       placeholder="{{__('PLZ, Ort', 'bdb')}}" 
       x-model="formData.zip"
       x-init="formData.zip = '{{$currentZip ?? ''}}'">

AlpineJS 将预填充值传递给 x-model

AlpineJS pass prefilled values to x-model

forms

field

model

alpine.js