在 Laravel Blade 表单的请求中包含 AlpineJS 变量

Question

我已将 'tags' 字段添加到现有表单中。该表格是 Laravel blade.

中的标准 html 表格

标签字段使用 https://codepen.io/atomgiant/pen/QWjWgKz 中的 'Tailwind / Alpine Tag Multi Select' - 它在前端工作得很好。

提交表格后，'tagsList' 为 null。

如何将标签字段中的值传递到表单中？

我已经尝试将字段名称设置为 'tags'、'tagsList'、'textInput' - 仍然显示为空。

我已经尝试将 @tags-update="console.log('tags updated', $event.detail.tags)" 更改为 @tags-update="tagsList = $event.detail.tags)" 并将 let tagsList = [] 添加到脚本中 - 仍然显示为 null。

我错过了什么？

Answer 1

通过从控制台日志更新 @tags-update 以填充 tagsList 变量来实现。

<div x-data @tags-update="{ tagsList: $event.detail.tags }" data-tags='[{{ $tags }}]' class="mt-1 flex">

并添加一个 x 模型设置为 tags

的隐藏字段

<input type="hidden" x-model="tags" id="tagsList" name="tagsList[]" multiple="multiple"/>

在 Laravel Blade 表单的请求中包含 AlpineJS 变量

Include AlpineJS variable in request from Laravel Blade form

laravel

alpinejs