From 9b1a30284564ce54dd48ac806714c7e74fe94dff Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期五, 09 十月 2026 16:37:45 +0800
Subject: [PATCH] 路由切换白屏问题解决
---
src/views/business/productOrder/components/addOrder.vue | 6 ++++--
src/components/DictTag/index.vue | 2 +-
src/layout/components/Sidebar/Logo.vue | 2 +-
src/layout/components/AppMain.vue | 4 ++--
src/store/modules/permission.js | 2 +-
src/utils/generator/html.js | 6 +++---
6 files changed, 12 insertions(+), 10 deletions(-)
diff --git a/src/components/DictTag/index.vue b/src/components/DictTag/index.vue
index ce86940..4a34ee9 100644
--- a/src/components/DictTag/index.vue
+++ b/src/components/DictTag/index.vue
@@ -19,7 +19,7 @@
</template>
</template>
<template v-if="unmatch && showValue">
- {{ unmatchArray | handleArray }}
+ {{ handleArray(unmatchArray) }}
</template>
</div>
</template>
diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index 45de603..42129e1 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -1,9 +1,9 @@
<template>
<section class="app-main">
<router-view v-slot="{ Component, route }">
- <transition name="fade-transform" mode="out-in">
+ <transition name="fade-transform">
<keep-alive :include="tagsViewStore.cachedViews">
- <component v-if="!route.meta.link" :is="Component" :key="route.path"/>
+ <component :is="Component" :key="route.path"/>
</keep-alive>
</transition>
</router-view>
diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue
index 91cf95a..2d0f112 100644
--- a/src/layout/components/Sidebar/Logo.vue
+++ b/src/layout/components/Sidebar/Logo.vue
@@ -57,7 +57,7 @@
transition: opacity 1.5s;
}
-.sidebarLogoFade-enter,
+.sidebarLogoFade-enter-from,
.sidebarLogoFade-leave-to {
opacity: 0;
}
diff --git a/src/store/modules/permission.js b/src/store/modules/permission.js
index 53c6372..0263689 100644
--- a/src/store/modules/permission.js
+++ b/src/store/modules/permission.js
@@ -165,7 +165,7 @@
let res
for (const path in modules) {
const dir = path.split('views/')[1].split('.vue')[0]
- if (dir === view) {
+ if (dir === view || dir === `${view}/index`) {
res = () => modules[path]()
}
}
diff --git a/src/utils/generator/html.js b/src/utils/generator/html.js
index 4b29841..5bdd3af 100644
--- a/src/utils/generator/html.js
+++ b/src/utils/generator/html.js
@@ -297,10 +297,10 @@
function buildElInputChild(conf) {
const children = []
if (conf.prepend) {
- children.push(`<template slot="prepend">${conf.prepend}</template>`)
+ children.push(`<template #prepend>${conf.prepend}</template>`)
}
if (conf.append) {
- children.push(`<template slot="append">${conf.append}</template>`)
+ children.push(`<template #append>${conf.append}</template>`)
}
return children.join('\n')
}
@@ -337,7 +337,7 @@
const list = []
if (conf['list-type'] === 'picture-card') list.push('<i class="el-icon-plus"></i>')
else list.push(`<el-button size="small" type="primary" icon="el-icon-upload">${conf.buttonText}</el-button>`)
- if (conf.showTip) list.push(`<div slot="tip" class="el-upload__tip">鍙兘涓婁紶涓嶈秴杩� ${conf.fileSize}${conf.sizeUnit} 鐨�${conf.accept}鏂囦欢</div>`)
+ if (conf.showTip) list.push(`<template #tip><div class="el-upload__tip">鍙兘涓婁紶涓嶈秴杩� ${conf.fileSize}${conf.sizeUnit} 鐨�${conf.accept}鏂囦欢</div></template>`)
return list.join('\n')
}
diff --git a/src/views/business/productOrder/components/addOrder.vue b/src/views/business/productOrder/components/addOrder.vue
index 534f61d..577a650 100644
--- a/src/views/business/productOrder/components/addOrder.vue
+++ b/src/views/business/productOrder/components/addOrder.vue
@@ -217,7 +217,9 @@
<el-upload ref="orderFileUpload" action="#" :auto-upload="false" multiple :file-list="fileList"
:disabled="active>1" :on-change="handleFileChange" :on-remove="handleFileRemove">
<el-button :disabled="active>1" size="small" type="primary">閫夋嫨闄勪欢</el-button>
- <div slot="tip" class="el-upload__tip">鏀寔澶氭枃浠朵笂浼狅紝鍗曚釜鏂囦欢涓嶈秴杩�200MB</div>
+ <template #tip>
+ <div class="el-upload__tip">鏀寔澶氭枃浠朵笂浼狅紝鍗曚釜鏂囦欢涓嶈秴杩�200MB</div>
+ </template>
</el-upload>
</el-form-item>
</el-col>
@@ -1209,7 +1211,7 @@
...res.data.insOrder
};
if (res.data.standardTreeId) {
- this.$set(this.addObj, 'standardTreeId', res.data.standardTreeId)
+ this.addObj.standardTreeId = res.data.standardTreeId
} else if (this.isEdit) {
this.$message.warning('鍘熸爣鍑嗕笌璁㈠崟妯℃澘鏃犳硶鍞竴鍖归厤锛岃閲嶆柊閫夋嫨妫�娴嬩緷鎹�')
}
--
Gitblit v1.9.3