Javascript 如何在vuejs路由器链路中传递laravel变量？

我试图在Vuejs路由器链接中传递laravel变量，但它不起作用。如何在路由器链接中传递用户id

<ul>

    @foreach($children as $child)

        <li>
            @if($child->user_type == 'user')

                <script>
                    var UserId = '{{ $child->id }}';
                </script>

                <router-link :to='"/dashboard/" + UserId' class="nav-link-text mb-1">
               {{ $child->user_name}}</router-link>

            @endif

        </li>

    @endforeach

</ul>

@foreach（$childrenas$child）

@如果（$child->user\u type=='user'）
var UserId='{{$child->id}}'；
{{$child->user_name}
@恩迪夫

@endforeach

请记住，在客户端启动Vue应用程序之前，您的刀片视图将始终被构建、执行和完成，因此，就像他在评论中提到的@Alec Joy一样，直接在链接中添加ID会更容易

您的刀片代码最终将生成：

<ul>
    <li>
        <script>
            var UserId = '1';
        </script>

        <router-link :to='"/dashboard/" + UserId' class="nav-link-text mb-1">Bob</router-link>

    </li>
</ul>

var UserId='1'；
上下快速移动

在本例中，UserId是多余的，因为您正在分配一个Javascript变量以在一个点中使用。在这种情况下，最好将用户ID硬编码到刀片文件的routerlink中

将刀片文件更改为：

<ul>
@foreach($children as $child)
    <li>
    @if($child->user_type == 'user')
        <router-link :to="/dashboard/{{ $child->id }}" class="nav-link-text mb-1">{{ $child->user_name}}</router-link>
    @endif
    </li>
@endforeach
</ul>

@foreach（$childrenas$child）

@如果（$child->user\u type=='user'）
{{$child->user_name}
@恩迪夫

@endforeach

处理动态数据有两种方法

作为URL路径变量

作为查询参数

作为浏览器历史记录上的参数（隐藏机制）

将数据作为URL路径变量或查询参数传递给组件

如果希望使用params（隐藏机制）通过路由链接将动态数据传递给组件，请尝试此操作

希望这有帮助

---

或者。

@AlecJoy这不是我需要的。你试过了吗：to=“/dashboard/{{{$child->id}”？它只是更改了通过路由器链接的id。我们可以强制安装组件还是刷新组件？我不知道你的意思。您可能需要扩展您希望实现的内容，仅更改id，而不根据该id加载内容