javascript - 拉维尔设计。如何显示检索到的标签

Question

我有一个事件信息页面，我从我的表中检索了标签数据。但是

I cannot show tags one by one.

我需要任何 Javascript 吗？如果我需要，

I strongly prefer using vanilla Javascript

，不是jquery之类的select2插件。

我通过 CSS 尝试了多种方法，但所有标签都出现在 w3-tag 类中。

显示.blade.php

<div class="tag-group">
      Tags: <span class="w3-tag">
           @foreach($post->tags as $tag) {{ $tag->name }} @endforeach
             </span>
 </div>

主要信息.css

.tag-group {
  margin-top: 1rem;
  color: white;
  margin-bottom: 2px;
}

.w3-tag {
  font-size: 14px;
  margin-top: 5px;
  margin-left: 0.5rem;
  padding: 3px;
  color: white;
  background-color: #626263;
  border-radius: 6px;
  text-align: center;
}

Answer 1

试试这个

<div class="tag-group">
  Tags:
@foreach($post->tags as $tag)
 <span class="w3-tag">
       {{ $tag->name }
 </span>
 @endforeach
</div>