完成数据持久化方式缓存示例

Former-commit-id: ad9918157b0f25f353e218870a1486fd111c76b3 [formerly ad9918157b0f25f353e218870a1486fd111c76b3 [formerly ad9918157b0f25f353e218870a1486fd111c76b3 [formerly ad9918157b0f25f353e218870a1486fd111c76b3 [formerly 5ab32ee88ba0cbb71499514202fa88131944b6cf [formerly 8b6298bcec0cf00eda1342846fa3f8ff3fea5192]]]]]
Former-commit-id: fca6f35a71568c622756ce2341ca4c8d6a043fa9
Former-commit-id: ec6ab591de18bd6c57c3e4e93f708686a2d75386
Former-commit-id: d3153bca1972183e08a4e709c98cbb525914a8cd [formerly 051d39ec9aa2aa953143b2bb6f10fcb74f53d8b3]
Former-commit-id: 76b941703caef91041247018a11b1cf10999d440
Former-commit-id: f39e54960b15eb225abb0019219895f1d3864bb8
Former-commit-id: 0c790b19d0b4040413cdb16dacb11ce3db465694
Former-commit-id: 929843b780f1309638bdd31aa00965806820b41d
Former-commit-id: e5609aee97279c71ed2963f67f9521aef2fb86b1

src/pages/demo/business/issues/142/edit.vue

@@ -1,13 +1,12 @@
 <template>
   <d2-container
     type="card"
-    class="demo-business-issues-142-edit">
-    <template slot="header">编辑 id: {{id}}</template>
+    class="page">
     <el-form
       ref="form"
       :model="form"
       label-width="80px"
-      class="demo-business-issues-142-edit--form">
+      class="page--form">
       <el-form-item label="姓名">
         <el-input v-model="form.name"/>
       </el-form-item>
@@ -22,22 +21,11 @@
 </template>
 
 <script>
-import { get } from '@/api/demo/business/issues/142'
+import base from './mixins/index'
 export default {
-  props: {
-    id: {
-      type: String,
-      required: true
-    }
-  },
-  data () {
-    return {
-      form: {
-        name: '',
-        address: ''
-      }
-    }
-  },
+  mixins: [
+    base
+  ],
   // 第一次进入或从其他组件对应路由进入时触发
   beforeRouteEnter (to, from, next) {
     const id = to.params.id
@@ -61,43 +49,14 @@ export default {
     } else {
       next(new Error('未指定ID'))
     }
-  },
-  methods: {
-    // [业务逻辑] 重置表单
-    resetFormData () {
-      this.form = {
-        name: '',
-        address: ''
-      }
-    },
-    // [业务逻辑] 根据 id 获取数据
-    getFormData (id) {
-      get(id)
-        .then(res => {
-          const { name, address } = res
-          this.form = { name, address }
-        })
-        .catch(err => {
-          console.log('err', err)
-        })
-    },
-    // [业务逻辑] 提交
-    handleSubmit () {
-      this.$notify({
-        title: 'Submit',
-        message: '提交了表单',
-        type: 'success'
-      })
-    }
   }
 }
 </script>
 
 <style lang="scss">
-.demo-business-issues-142-edit {
-  .demo-business-issues-142-edit--form {
+.page {
+  .page--form {
     max-width: 460px;
-    margin: 0px auto;
   }
 }
 </style>