如何在组件上动态添加数据属性？ （laravel）

Question

我的代码是这样的：在顶级球员视

<div class="row no-gutter"> 
    <div class="col-md-3"> 
     <h2 class="nav-cat-text">By Types</h2> 
    </div> 
    <div class="col-md-9 col-xs-12"> 
     <div class="wrap-tabs"> 
      <ul class="nav nav-tabs nav-cat"> 
       @foreach($categories as $category) 
        <li role="presentation" class="{{ $loop->first ? 'active' : '' }}"><a href="javascript:;" data-toggle="tab" @click="$refs.player.getPlayer({{ $category->id }})">{{ ucfirst($category->name) }}</a></li> 
       @endforeach 
      </ul> 
     </div> 
    </div> 
</div> 
<br> 
<!-- Tab panes --> 
<div class="tab-content"> 
    <div role="tabpanel" class="tab-pane active"> 
     <top-player-view category_id="1" ref="player"></top-player-view> 
    </div> 
</div> 

CATEGORY_ID属性是静态

我想使它更有活力。所以，我想category_id propery取自category_id第一个循环的$类别

我该怎么做？

Answer 1

试试这个： [我只输入了更改的部分，你可以understant]

@foreach($categories as $category) 
<li> ... </li> 
@php 
if ($loop->first) 
$variable = $category->id 
@endphp 
@endforeach 
... 
<top-player-view category_id="{{ $variable }}" ref="player"></top-player-view>