6.1. 添加创作页面

本教程最新版为 2.6,当前版本已放弃维护,请阅读最新版本!

简介

本小节中,我们将新建一个创作页面,同时添加创作文章入口,并使用 SimpleMDE 作为创作文章的编辑器 。『创作页面』用来发布个人文章,其完成后的页面效果如下:

file

新建创作页面

src/views 新建 articles 文件夹,然后新建 Create.vue 文件,复制贴入以下代码:

src/views/articles/Create.vue

<template>
  <div class="blog-container">
    <div class="blog-pages">
      <div class="col-md-12 panel">
        <div class="panel-body">
          <h2 class="text-center">创作文章</h2>
          <hr>
          <div data-validator-form>
            <div class="form-group">
              <input v-validator.required="{ title: '标题' }" type="text" class="form-control" placeholder="请填写标题">
            <...

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

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

上一篇 下一篇
贡献者:1
讨论数量: 1

truesnow
codemirror 要卸载并指定版本重新
0 个点赞 | 0 个回复 | 分享 | 课程版本 2.6