Laravel | Pass a Vue.js value to data-value in blade

Question

I would like to pass the value @{{cash.amount}} in Vue.js to data-value.

<td scope="row"  data-value="HERE">@{{cash.amount}}</td>

I tried this, but not working.

<td scope="row"  data-value="@{{cash.amount}}">@{{cash.amount}}</td>

Thank you

Boussadjra Brahim · Accepted Answer · 2018-12-29 14:06:14Z

1

You should bind it like :

 <td scope="row"  :data-value="cash.amount">@{{cash.amount}}</td>

or

<td scope="row"  v-bind:data-value="cash.amount">@{{cash.amount}}</td>

answered Dec 29, 2018 at 14:06

Boussadjra Brahim

90k19 gold badges163 silver badges183 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1