データプロパティをコンポーネントに動的に追加するにはどうすればよいですか？ （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の最初のループでcategory_idから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>