如何向发布该帖子的用户显示编辑/删除按钮？

Question

我正在使用 Laravel 和 VueJS 开发一个简单的论坛。在显示属于该线程的所有帖子的线程视图上，我只想向登录用户发布的那些帖子显示编辑和删除按钮。因此，用户可以编辑和删除自己的帖子，但不能编辑和删除其他人。我已经搜索了 Laravel 和 VueJS 文档，以及 Laracasts 论坛和这里......但对我没有任何帮助（不确定我做错了什么）。

我同时使用 Laravel 的刀片模板和 Vue 组件。这是我的代码：

thread.blade.php：

@section('content')
<div class="header">
    <h1>this is a thread</h1>
    <forum-search ></forum-search>
</div>
<div class="container-block">
    <thread :userId="{{ auth()->id() }}"></thread>
</div>
@endsection

thread.vue：

<template>
<!-- display this block of code ONLY when the user is logged in -->
  <div style="margin-bottom: 10px" v-if="userId == post.user_id">
    <!-- edit/delete buttons -->
  </div>
</template> 

<script>
  export default {
    name: 'thread',
    components: { quillEditor },
    props: ['userId'],
    data(){}
</script>

我尝试了几种组合 <thread userId="{{ auth()->id }}"></thread>、<thread userId="{{ auth()->id() }}"></thread>、<thread userId="{{ Auth::user()->id }}"></thread> 或 <thread userId="{{ Auth::id() }}"></thread>，正如下面帖子中的人所建议的那样......但仍然没有按我的预期工作。有什么想法吗？

Laracast：https://laracasts.com/discuss/channels/vue/i-want-to-show-delete-button-only-to-its-post-owner-in-vuejs StackOverflow：How to get current authenticated user id using Vuejs and Laravel?

Answer 1

当我需要做这样的事情时，我通常使用这里解释的策略：https://laravel.com/docs/7.x/authorization#creating-policies

设置资源策略后，您必须按照文档中所示使用它： https://laravel.com/docs/7.x/authorization#via-blade-templates

所以在你的刀片中你将拥有

@can('edit', $resource)
    <thread></thread>
@endcan

而不是

<thread :userId="{{ auth()->id() }}"></thread>

道具将不再需要