vue 常见问题 汇总

1、点击菜单或tab出现空白页面,无报错或点击新添加的动态路由出现其他tab空白

问题描述: 点击菜单或tab出现空白页面 无报错或点击新添加的动态路由出现其他tab空白，需要重新刷新下页面才能显示出页面

解决方案

1、删除页面中template下的注释 ，一般这种情况是template包含多个根元素导致

<template>
  <!-- 标题和搜索框 -->
  <div class="app-container">
  .....
   </div>
</template>

2、删除AppMain中的transition解决

3、在AppMain中的keep-alive外包裹上div(推荐)

<template>
  <section class="app-main">
    <router-view v-slot="{ Component, route }">
      <transition name="fade-transform" mode="out-in">
        <div>
            <keep-alive :include="tagsViewStore.cachedViews">
              <component
                v-if="!route.meta.link"
                :is="Component"
                :key="route.fullPath"
              />
            </keep-alive>
        </div>
      </transition>
    </router-view>
    <iframe-toggle />
  </section>
</template>

2、uni-app开发小程序 上线后拍照功能无法正常使用

问题描述: uni-app开发小程序，有拍照需求。开发与测试环境中都是没有问题，可以正常拍照，但是发布之后的线上版本，无法获取到权限进行拍照

解决方案

1、去小程序后台，更新用户隐私协议，等待审核完成后重新测试即可（在勾选“使用用户信息类型”的时候一定要选中照片、视频、摄像头）