laravel - 使用 laravel 路由和 vue.js 创建链接

Question

在我的 laravel 主页上，我有一个像这样的 vue 组件

<new-tutor area-id="{{ $area->slug }}" tutor-id="{{ $tutor->slug }}" route="{{ route('tutor.show', [$area, $tutor]) }}"></new-tutor> 

它返回单个引导卡中给定区域中的所有新导师，并使用此控制器

public function index(Request $request, Area $area, Profile $profile, Tutor $tutor)
    {

        $newTutors = Tutor::with(['user', 'area'])->inArea($area)->latestfirst()->get();



        return response()->json($newTutor, 200);
    }

我希望能够单击导师姓名并被发送到该导师页面，但我似乎无法让导师 slug 正确通过，我不知道为什么。

在我的 vue 组件中，我将链接设置为

<a :href="route">{{newTutor.name}}</a>

我有这样的道具

props: {
  areaId: null,
  tutorId: null,
  route: { type: String, required: true }

},

蛞蝓确实出现在 newTutors 和 Tutor 的 dd 中。

另请注意，我使用的是相同的网络路由

导师秀

在其他刀片模板中，所以我最有信心这不是问题所在。

标签： laravelvue.js

Answer 1

如果你使用 laravel + vuejs，你需要添加 @{{}}

<a :href="route">@{{newTutor.name}}</a>