Vue.jsのデータより、Laravelへのrouteパラメータに設定したい。

以下のようにbladeに記述しています。

PHP
1<tr v-for="(item, index) in datas">
2    <a href="{{ route('SafeCash', [ 'iEIGYO_YMD' => 'ZZ' ]) }}">@{{ item.iEIGYO_YMD }}</a>
3</tr>
4

routeパラメータに、item.iEIGYO_YMDを展開させたいのですが、
どのような記述になりますでしょうか？

route('SafeCash', [ 'iEIGYO_YMD' => 'ZZ' ])

の'ZZ'部分を item.iEIGYO_YMDの変数内容を展開したいのです。

追記
以下のechoは表示できましたが、routeではうまくいかず

@php
$b= "{{ item.iEIGYO_YMD }}";

echo $b;

@endphp

行動規範の内容に同意します

回答1件

ベストアンサー

blade(php)の命令であるroute関数はVueでは使えないのでURLパラメータをVue側で作る必要があるので

php
1<html>
2<body>
3<script src="{{ mix('js/app.js') }}"></script>
4
5<div id="app">
6<table>
7<tr v-for="(item, index) in datas">
8    <td>
9        <a v-bind:href="'{{ route('SafeCash') }}?iEIGYO_YMD=' + item.iEIGYO_YMD">@{{ item.iEIGYO_YMD }}</a>
10    </td>
11</tr>
12</table>
13</div>
14
15<script>
16    new Vue({
17        el: '#app',
18        data: {
19            datas: [
20                {
21                    iEIGYO_YMD: 1000,
22                },
23                {
24                    iEIGYO_YMD: 2000,
25                },
26                {
27                    iEIGYO_YMD: 3000,
28                }
29            ]
30        }
31    });
32</script>
33</body>
34</html>