Parcourir la source

Добавлен vue-router

Book Pauk il y a 6 ans
Parent
commit
3af5a38072
3 fichiers modifiés avec 23 ajouts et 6 suppressions
  1. 4 5
      client/components/App.vue
  2. 5 1
      client/main.js
  3. 14 0
      client/router.js

+ 4 - 5
client/components/App.vue

@@ -3,7 +3,7 @@
         <el-aside :width="asideWidth">
             <div class="app-name"><span v-html="appName"></span></div>
             <el-button class="el-button-collapse" @click="toggleCollapse" :icon="buttonCollapseIcon"></el-button>
-            <el-menu class="el-menu-vertical" @select="handleSelect" :collapse="isCollapse">
+            <el-menu class="el-menu-vertical" @select="handleSelect" :collapse="isCollapse" router>
               <el-menu-item index="cardindex">
                 <i class="el-icon-search"></i>
                 <span slot="title">Картотека</span>
@@ -36,19 +36,17 @@
         </el-aside>
 
         <el-main>
-            <pre>{{ apiError }}</pre>
+            <pre></pre>
         </el-main>
     </el-container>
 </template>
 
 <script>
+//-----------------------------------------------------------------------------
 import Vue from 'vue';
 import Component from 'vue-class-component';
 
 export default @Component({
-    props: {
-        test: String
-    },
 })
 class App extends Vue {
     created() {
@@ -111,6 +109,7 @@ class App extends Vue {
         return this.state.apiError;
     }
 }
+//-----------------------------------------------------------------------------
 </script>
 
 <style scoped>

+ 5 - 1
client/main.js

@@ -1,15 +1,19 @@
 import Vue from 'vue';
 import App from './components/App.vue';
+
+import router from './router';
+import store from './store';
+
 import ElementUI from 'element-ui';
 import './theme/index.css';
 import locale from 'element-ui/lib/locale/lang/ru-RU';
-import store from './store';
 
 //Vue.config.productionTip = false;
 
 Vue.use(ElementUI, { locale });
 
 new Vue({
+    router,
     store,
     render: h => h(App),
 }).$mount('#app');

+ 14 - 0
client/router.js

@@ -0,0 +1,14 @@
+import Vue from 'vue';
+import VueRouter from 'vue-router';
+import App from './components/App.vue';
+
+Vue.use(VueRouter);
+
+let routes = [
+    { path: '/', component: App },
+    { path: '/cardindex', component: App },
+];
+
+export default new VueRouter({
+    routes
+});