From 373a3de1bc11e39f50dce32447b31cf0bf5ab092 Mon Sep 17 00:00:00 2001
From: YuLong Jing <yulong.jing@hotmail.com>
Date: Fri, 14 Dec 2018 12:20:56 +0800
Subject: [PATCH] Add <el-form-item> wrapper for validate
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

创建文章里js里有验证规则，但是由于少了<el-form-item>元素而不起作用。
---
 src/views/example/components/ArticleDetail.vue | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/views/example/components/ArticleDetail.vue b/src/views/example/components/ArticleDetail.vue
index ce22b3b4..12a42f60 100644
--- a/src/views/example/components/ArticleDetail.vue
+++ b/src/views/example/components/ArticleDetail.vue
@@ -60,13 +60,16 @@
           <span v-show="contentShortLength" class="word-counter">{{ contentShortLength }}字</span>
         </el-form-item>
 
-        <div class="editor-container">
-          <Tinymce ref="editor" :height="400" v-model="postForm.content" />
-        </div>
-
-        <div style="margin-bottom: 20px;">
-          <Upload v-model="postForm.image_uri" />
-        </div>
+        <el-form-item prop="content">
+          <div class="editor-container">
+            <Tinymce ref="editor" :height="400" v-model="postForm.content" />
+          </div>
+        </el-form-item>
+        <el-form-item prop="image_uri">
+          <div style="margin-bottom: 20px;">
+            <Upload v-model="postForm.image_uri" />
+          </div>
+        </el-form-item>
       </div>
     </el-form>