admin

10_vuecli/bankpro/src/router/index.js

@@ -61,6 +61,35 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path:"/address",
+    component:Layout,
+    meta:{
+      title:"地址管理",
+      icon:"el-icon-s-flag"
+    },
+    children:[
+      {
+        path:"/address/list",
+        name:"AddressList",
+        // @ 代表 src 目录
+        component:() => import('@/views/address/AddressList.vue'),
+        meta:{
+          title:"地址列表",
+          icon:"el-icon-tickets"
+        }
+      },{
+        path:"/address/add",
+        name:"AddressAdd",
+        // @ 代表 src 目录
+        component:() => import('@/views/address/AddressAdd.vue'),
+        meta:{
+          title:"添加地址",
+          icon:"el-icon-document-add"
+        }
+      }
+    ]
+  },
 
   // 404 page must be placed at the end !!!
   { path: '*', redirect: '/404', hidden: true }

10_vuecli/bankpro/src/views/address/AddressAdd.vue

@@ -0,0 +1,5 @@
+<template>
+    <div>
+        <h1>添加地址</h1>
+    </div>
+</template>

10_vuecli/bankpro/src/views/address/AddressList.vue

@@ -0,0 +1,5 @@
+<template>
+    <div>
+        <h1>地址列表</h1>
+    </div>
+</template>

10_vuecli/bankpro/src/views/level/LevelAdd.vue

@@ -29,8 +29,8 @@ export default {
     data() {
         return {
             levelForm: {
-                levelname: this.$route.query.levelname,
-                jrid: this.$route.query.id
+                levelname: "",
+                jrid: ""
             },
             // 校验规则
             rules: {
@@ -40,11 +40,19 @@ export default {
             }
         };
     },
-    updated() {
-        // 组件更新时调用  当路由参数变化时调用  清空表单数据
-        // if (!this.$route.query.id) {
-        //     this.levelForm.levelname = "";
-        // }
+    watch:{
+        // 监听路由参数变化
+        '$route.query.id'(){
+            this.levelForm.levelname = this.$route.query.levelname;
+        }
+    },
+    mounted(){
+        // 组件挂载时调用  把路由中的值赋到文本框中
+        if(this.$route.query.id){
+            // 把路由中的值赋到文本框中
+            this.levelForm.levelname = this.$route.query.levelname;
+            this.levelForm.jrid = this.$route.query.id;
+        }
     },
     methods: {
         // 修改等级