vue项目页面一闪一闪的问题解决办法(v-if闪屏、花括号闪屏)

今天遇到一个vue项目的问题,就是在一个弹窗里如果用了v-if与v-else造成页面一闪一闪的,如下视频所示:

vue项目页面用了v-if与v-else后一闪一闪的


代码如下所示:
vue项目页面一闪一闪的问题解决办法(v-if闪屏、花括号闪屏)_第1张图片
当弹窗显示时,前台调后端接口后根据后端返回值来确定isShowPreviewForm变量的值,最开始我是用的v-if与v-else就会导致页面一闪一闪的,这是因为销毁dom元素后导致的闪屏,于是换成v-show来解决了这个闪屏问题。完整代码如下:

<template>
  <!--表格管理-表格列表 --><

你可能感兴趣的:(JS实战记录,vue2,vue.js,前端,javascript)