使用 Livewire 的事件机制保证组件间的数据实现联动变化

老哥 这种提交表单方式虽然无刷新了 但是多了一次http请求

太柔顺了 没有VUE的经验 也可以进行前端的开发了

livewire 前段向订单内添加商品后为每个商品输入单独的数量和单价等属性，初始化的时候并不知道有多少个商品，当选择好商品想入输入数量和单价的时候发现提示需要前后端绑定的数据是没有定义的这个应该怎样解决呢

就是我要生成一个订单的时候，需要选择订单中包含那些商品，用一个按钮调出一个modal，选择商品，比如商品1，商品2...，显示在订单页面上，然后再在订单页面上给每个商品单独输入数量，单价等，在blade页面上foreach 循环selected_goods这个属性，然后在在每个单独的item里面输入amount和price这两个属性，页面这样写@foreach($selected_goods as $item)<input type="text" wire:model="item['amount']" />这样的话会报错说找不到item['amount']这个属性，如果这样写@foreach($selected_goods as $item)<input type="text" wire:model="selected_goods[{{$loop->index}}]['amount']" />这样的话livewire会报找不到selected_goods[0]['amount']这个属性

你这里是否会设计到注入的问题呀

Property [$selected_goods[0]['amounts']] not found on component: [order.neworder]报这样的错误

我现在写的是先在组件里用public做了一个selected_goods属性，直接定义这个属性有20个值，每个值都包含了amount等属性值为''，然后在选择完有哪些goods后将没有用到的删除，然后显示在组件页面上，问一下，这里由于第一维个数不确定，但是又需要定义好数据结构的有没有什么好办法呢

果然是，我应该这样写 @foreach($selected_goods as $item)\<input wire:model="selected_goods.{{$loop->index}}.amounts />@endforeach这样就关联上了

老大，你这个编辑器好像有问题呀，不能传图片，写html也有问题呀

还有就是由于livewire做前后端数据关联的时候必须要先在后台写一个public的属性，但是像我这样的需求，由于之前一个订单关联几个商品并不固定而且一个每个关联的商品都需要另外输入一些属性，这样的需求应该怎样事先在后台定义好数据结构呢