初始化项目

src/views/util/crud-form.vue

@@ -0,0 +1,59 @@
+<template>
+  <basic-container>
+    <h3>点击新增或编辑跳转到新的页面</h3>
+    <avue-crud :option="option"
+               :data="data">
+      <template slot="menuLeft">
+        <el-button type="primary"
+                   size="small"
+                   @click="handleForm()"
+                   icon="el-icon-plus">add</el-button>
+      </template>
+      <template slot="menu"
+                slot-scope="{row}">
+        <el-button size="small"
+                   type="text"
+                   @click="handleForm(row.id)"
+                   icon="el-icon-edit">edit</el-button>
+      </template>
+    </avue-crud>
+  </basic-container>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      option: {
+        addBtn: false,
+        editBtn: false,
+        column: [
+          {
+            label: "姓名",
+            prop: "name"
+          }
+        ]
+      },
+      data: [
+        {
+          id: 1,
+          name: "small"
+        }
+      ]
+    };
+  },
+  methods: {
+    handleForm(id) {
+      this.$router.push({
+        path: "/form-detail/index",
+        query: {
+          id: id
+        }
+      });
+    }
+  }
+};
+</script>
+
+<style>
+</style>