如何获取Tailwind Elements中的筹码值？

Question

有人用过顺风元素的标签吗？ 在这里查看 我是 Tailwind 新手（一般来说是 Web 开发新手），我只想为我的网站提供一个标记系统。 所以我有一个包含代码的表单 现在我想将这些标签保存在数据库和枚举中，但我不太确定如何获取用户输入的标签。

我是 Web 开发和 Tailwind CSS 的新手，目前正在努力向我的网站添加标记系统。我创建了一个类似于此 中所示的表单。我的目标是将这些标签作为枚举存储在数据库中，但我不确定如何检索用户输入的标签。

我正在使用 Laravel，所以我将它们放在刀片中，标签输入框位于一个组件中，该组件具有我从网站获得的代码：

<div
  id="chips-initial"
  data-te-chips-initial
  class="mb-0 min-h-[45px] border-none pb-0 shadow-none outline-none transition-all duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] hover:cursor-text">
</div>
<input type="text" id="tags" name="tags" class="bg-gray-900 border border-white">

这是 js:

import {
    ChipsInput,
    initTE,
  } from "tw-elements";


  initTE({ ChipsInput });

  const tagsInput = document.querySelector("#chips-initial");
  const tagsArray = [];
  const tagsInputInstance = new ChipsInput(tagsInput, {
      initialValues: [],
      labelText:"Tags",
  });

我想实现一个类似于 Stack Overflow 上使用的标记系统。我如何使用 Laravel 和 Tailwind CSS 来实现这一目标？

Answer 1

@heyhelena 你可以看看如何获取芯片的值。使用 Livewire，您只能插入最后一个芯片