add edit and create demo

src/router/index.js

@@ -56,7 +56,8 @@ const DynamicTable = () => import('../views/example/table/dynamictable');
 const Table = () => import('../views/example/table/table');
 const DragTable = () => import('../views/example/table/dragTable');
 const InlineEditTable = () => import('../views/example/table/inlineEditTable');
-const Form1 = () => import('../views/example/form1');
+
+const Form = () => import('../views/example/form');
 
 /* permission */
 const Permission = () => import('../views/permission/index');
@@ -205,7 +206,8 @@ export const asyncRouterMap = [
           { path: 'table', component: Table, name: '综合table' }
         ]
       },
-      { path: 'form1', component: Form1, name: '综合form1' }
+      { path: 'form/edit', component: Form, name: '编辑form', meta: { isEdit: true } },
+      { path: 'form/create', component: Form, name: '创建form' }
     ]
   },
   { path: '*', redirect: '/404', hidden: true }

src/views/example/form1.vue → src/views/example/form.vue

@@ -7,6 +7,9 @@
           <div style="display:inline-block">
 
             <el-dropdown trigger="click">
+              <router-link style="margin-right:15px;" v-show='isEdit' :to="{ path:'create'}">
+                <el-button type="info">创建form</el-button>
+              </router-link>
               <el-button>{{!postForm.comment_disabled?'评论已打开':'评论已关闭'}}<i class="el-icon-caret-bottom el-icon--right"></i></el-button>
               <el-dropdown-menu class="no-padding no-hover" slot="dropdown">
                 <el-dropdown-item>
@@ -185,10 +188,16 @@
       computed: {
         contentShortLength() {
           return this.postForm.content_short.length
+        },
+        isEdit() {
+          return this.$route.meta.isEdit // 根据meta判断
+          // return this.$route.path.indexOf('edit') !== -1 // 根据路由判断
         }
       },
       created() {
-        this.fetchData();
+        if (this.isEdit) {
+          this.fetchData();
+        }
       },
       methods: {
         fetchData() {