6.5. 编辑和删除文章

简介

本小节中,我们将在文章中添加编辑和删除的图标,并添加编辑和删除文章的功能。

编辑文章

1). 添加编辑文章路由

打开 src/router/routes.js 文件,在数组的最后面,添加编辑文章路由 Edit

src/router/routes.js

.
.
.
  // Edit
  {
    path: '/articles/:articleId/edit',
    name: 'Edit',
    component: () => import('@/views/articles/Create'),
    meta: { auth: true }
  },
]

我们这里使用了跟 Create 一样的组件页面,但将其路径指向一个新的地址,并命名为 Edit

2). 添加编辑删除入口

1、打开 src/views/articles/Content.vue 文件,复制以下代码替换原 <script>

src/views/articles/Content.vue

<script>
import SimpleMDE from 'simplemde'
import hljs from 'highlight.js'
import emoji from 'node-emoji'
import { mapState } from 'vuex'

export default {...

本文章首发在 LearnKu.com 网站上。

为了保证课程的高品质,我们需要对课程进行收费。付费后 才能观看剩余内容。 购买

上一篇 下一篇
讨论数量: 4