调整路由、调整工具内容页面打开方式

This commit is contained in:
2021-05-03 00:56:11 +08:00
parent 6667bb1c67
commit ad0b845d0a
3 changed files with 128 additions and 84 deletions

View File

@@ -1,21 +1,34 @@
<template>
<div class="tools-detail">
未完成
<component :is="detailElem" />
</div>
</template>
<script>
export default {
name: 'ToolsDetail',
data() {
return {
utils: this.$root.utils,
routeQuery: {}
routeQuery: {},
detailElem: null
}
},
beforeRouteEnter(to, from, next) {
next(vm => {
console.log('[打开工具] 参数', vm.$route.query);
var params = vm.$route.params;
var query = vm.$route.query;
console.log('[打开工具] params', params);
console.log('[打开工具] query', query);
vm.detailElem = () => {
// 动态引入组件
var elem = import(`@/components/tools/${query.component}.vue`);
return elem;
};
});
}
}