chore: form reset logic modification

This commit is contained in:
vben
2020-10-23 23:45:21 +08:00
parent e034d1bacc
commit c7cfeb5456
5 changed files with 40 additions and 25 deletions

View File

@@ -8,7 +8,7 @@ import {
computed,
// ref,
unref,
onMounted,
// onMounted,
toRaw,
} from 'vue';
import { Tabs } from 'ant-design-vue';
@@ -24,7 +24,7 @@ import { tabStore } from '/@/store/modules/tab';
import { closeTab } from './useTabDropdown';
import router from '/@/router';
import { useTabs } from '/@/hooks/web/useTabs';
import { PageEnum } from '/@/enums/pageEnum';
// import { PageEnum } from '/@/enums/pageEnum';
import './index.less';
export default defineComponent({
@@ -33,14 +33,17 @@ export default defineComponent({
let isAddAffix = false;
const go = useGo();
const { currentRoute } = useRouter();
const { addTab, activeKeyRef } = useTabs();
onMounted(() => {
const route = unref(currentRoute);
addTab(unref(currentRoute).path as PageEnum, false, {
query: route.query,
params: route.params,
});
});
const {
// addTab,
activeKeyRef,
} = useTabs();
// onMounted(() => {
// const route = unref(currentRoute);
// addTab(unref(currentRoute).path as PageEnum, false, {
// query: route.query,
// params: route.params,
// });
// });
// 当前激活tab
// const activeKeyRef = ref<string>('');
@@ -64,14 +67,14 @@ export default defineComponent({
// 监听路由的话虽然可以,但是路由切换的时间会造成卡顿现象?
// 使用useTab的addTab的话当用户手动调转需要自行调用addTab
// tabStore.commitAddTab((unref(currentRoute) as unknown) as AppRouteRecordRaw);
// const { affix } = currentRoute.value.meta || {};
// if (affix) return;
// const hasInTab = tabStore.getTabsState.some(
// (item) => item.fullPath === currentRoute.value.fullPath
// );
// if (!hasInTab) {
// tabStore.commitAddTab((unref(currentRoute) as unknown) as AppRouteRecordRaw);
// }
const { affix } = currentRoute.value.meta || {};
if (affix) return;
const hasInTab = tabStore.getTabsState.some(
(item) => item.fullPath === currentRoute.value.fullPath
);
if (!hasInTab) {
tabStore.commitAddTab((unref(currentRoute) as unknown) as AppRouteRecordRaw);
}
},
{
immediate: true,