路由切换白屏问题解决

gaoluyang

4 天以前 9b1a30284564ce54dd48ac806714c7e74fe94dff

路由切换白屏问题解决

 src/components/DictTag/index.vue

@@ -19,7 +19,7 @@
      </template>
    </template>
    <template v-if="unmatch && showValue">
      {{ unmatchArray | handleArray }}
      {{ handleArray(unmatchArray) }}
    </template>
  </div>
</template>

 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>

 src/layout/components/Sidebar/Logo.vue

@@ -57,7 +57,7 @@
  transition: opacity 1.5s;
}

.sidebarLogoFade-enter,
.sidebarLogoFade-enter-from,
.sidebarLogoFade-leave-to {
  opacity: 0;
}

 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]()
    }
  }

 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')
}


 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('原标准与订单模板无法唯一匹配，请重新选择检测依据')
          }