Добавлен vue-router
This commit is contained in:
@@ -3,7 +3,7 @@
|
|||||||
<el-aside :width="asideWidth">
|
<el-aside :width="asideWidth">
|
||||||
<div class="app-name"><span v-html="appName"></span></div>
|
<div class="app-name"><span v-html="appName"></span></div>
|
||||||
<el-button class="el-button-collapse" @click="toggleCollapse" :icon="buttonCollapseIcon"></el-button>
|
<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">
|
<el-menu-item index="cardindex">
|
||||||
<i class="el-icon-search"></i>
|
<i class="el-icon-search"></i>
|
||||||
<span slot="title">Картотека</span>
|
<span slot="title">Картотека</span>
|
||||||
@@ -36,19 +36,17 @@
|
|||||||
</el-aside>
|
</el-aside>
|
||||||
|
|
||||||
<el-main>
|
<el-main>
|
||||||
<pre>{{ apiError }}</pre>
|
<pre></pre>
|
||||||
</el-main>
|
</el-main>
|
||||||
</el-container>
|
</el-container>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
//-----------------------------------------------------------------------------
|
||||||
import Vue from 'vue';
|
import Vue from 'vue';
|
||||||
import Component from 'vue-class-component';
|
import Component from 'vue-class-component';
|
||||||
|
|
||||||
export default @Component({
|
export default @Component({
|
||||||
props: {
|
|
||||||
test: String
|
|
||||||
},
|
|
||||||
})
|
})
|
||||||
class App extends Vue {
|
class App extends Vue {
|
||||||
created() {
|
created() {
|
||||||
@@ -111,6 +109,7 @@ class App extends Vue {
|
|||||||
return this.state.apiError;
|
return this.state.apiError;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
//-----------------------------------------------------------------------------
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|||||||
@@ -1,15 +1,19 @@
|
|||||||
import Vue from 'vue';
|
import Vue from 'vue';
|
||||||
import App from './components/App.vue';
|
import App from './components/App.vue';
|
||||||
|
|
||||||
|
import router from './router';
|
||||||
|
import store from './store';
|
||||||
|
|
||||||
import ElementUI from 'element-ui';
|
import ElementUI from 'element-ui';
|
||||||
import './theme/index.css';
|
import './theme/index.css';
|
||||||
import locale from 'element-ui/lib/locale/lang/ru-RU';
|
import locale from 'element-ui/lib/locale/lang/ru-RU';
|
||||||
import store from './store';
|
|
||||||
|
|
||||||
//Vue.config.productionTip = false;
|
//Vue.config.productionTip = false;
|
||||||
|
|
||||||
Vue.use(ElementUI, { locale });
|
Vue.use(ElementUI, { locale });
|
||||||
|
|
||||||
new Vue({
|
new Vue({
|
||||||
|
router,
|
||||||
store,
|
store,
|
||||||
render: h => h(App),
|
render: h => h(App),
|
||||||
}).$mount('#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