6.5. 编辑和删除文章

2.6

3.0 2.6 2.5

V01 Vue.js 实战教程 - 基础篇 /

简介

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

编辑文章

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 网站上。

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

6.5. 编辑和删除文章

2.6

3.0 2.6 2.5

简介

编辑文章

1). 添加编辑文章路由

2). 添加编辑删除入口

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

6.5. 编辑和删除文章 2.6 3.0 2.6 2.5

简介

编辑文章

1). 添加编辑文章路由

2). 添加编辑删除入口

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录

6.5. 编辑和删除文章

2.6

3.0 2.6 2.5