style:业务申请

+<template>
+  <div class='clxx'>
+    clxxclxxclxxclxxclxxclxx
+  </div>
+</template>
+<script>
+
+export default {
+  /**注册组件*/
+  components: {},
+  data () {
+    return {
+
+    };
+  },
+}
+</script>
+<style scoped lang='scss'>
+</style>
\ No newline at end of file

@@ -14,7 +14,7 @@
         </li>
       </ul>
     </div>
-    <el-tabs v-model="activeName" @tab-click="handleClick">
+    <el-tabs v-model="activeName">
       <el-tab-pane :label="item.name" :name="index + 1 + ''" v-for="(item, index) in tabList" :key="index">
       </el-tab-pane>
     </el-tabs>
@@ -88,19 +88,21 @@ export default {
           name: '权利信息',
         },
       ],
-      editItem: 'slxx'
+      editItem: ''
     };
   },
-  mounted () {
-    let itemObj = { '1': 'slxx' }
-    this.editItem = this.loadView(itemObj[this.activeName])
+  watch: {
+    activeName: {
+      handler (newName, oldName) {
+        let itemObj = { '1': 'slxx', '2': 'clxx' }
+        this.editItem = this.loadView(itemObj[newName])
+      },
+      immediate: true
+    }
   },
   methods: {
-    handleClick (tab, event) {
-      console.log(tab, event);
-    },
     loadView (view) {
-      return r => require.ensure([], () => r(require(`./components/${view}`)))
+      return r => require.ensure([], () => r(require(`./components/${view}.vue`)))
     },
   },
 }