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);
    }

我希望能够单击导师姓名并发送到该导师页面，但是我似乎无法正确地通过导师，而且我不确定为什么。

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

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

我有这样的道具

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

},

在newTutors和Tutor上，子弹确实会出现dd。

另外请注意，我使用的是同一网络路线

tutor.show

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

Answer 1

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

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

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

1 个答案: