将选定行的 id 传递给刀片文件中的组件标签

Question

当有人点击它时，我试图在 for 循环中传递当前选定行的 id

并将该 id 传递给 vue 组件

我的 index.blade 文件

@foreach($cats as $cat)
<tr>
<td class="catme" data-id="{{$cat->id}}">{{$cat-> title}}</td></tr>
@endforeach



<car-component i want to pass prop  here></car-component>


<script>
$('.catme').on('click',function(){
var a = $('.catme').attr('data-id')


})

</script>

我无法为该组件设置一个变量值

                  <----- GOAL ----->

我的要求是在刀片文件中包含一个组件，并具有包含多条记录的 forloop，这样如果选择了一行，则它的 id 作为 prop 传递给组件，但它在循环之外

Answer 1

您可以尝试以下功能，它应该可以工作

<script>
$('.catme').on('click',function(){
    var a = $(this).data('id')
    this.$refs.component.prop = a;
});

</script>