2021-02-23

设置了 v-if和 v-show之后，不该出现的元素还是一闪而过。

相信大家样式和v-clock属性也已经设置过了。

[v-clock] {
display: none!important;
}

但为啥还是没有效果？

其实原因很简单，因为你的 v-if或v-show里的条件是从后端请求过来的数据，交互是需要时间的，所以不过你在前端怎么折腾，都避免不了这个问题。

解决方案是，如果是前后端分离，那只能在后端数据加载完之前加个loading，如果不是完全的前后端分离，参与判断的数据就不要通过ajax通信，直接用后端注册模板变量的方式给JS变量赋值。