Добавлен vue-router
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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
client/router.js
Normal file
14
client/router.js
Normal file
@@ -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
|
||||
});
|
||||
Reference in New Issue
Block a user