vue如何解决数据加载时,插值表达式闪烁问题

目录

数据加载,插值表达式闪烁问题1.在公共的css样式中加入2.在el挂载的标签上添加解决插值表达式渲染数据闪动先看代码出现的问题解决方法如下图

数据加载,插值表达式闪烁问题

1.在公共的css样式中加入

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

2.在el挂载的标签上添加

<div class="#app" v-cloak>  <p>{undefined{value.name}}种不友好的问题，Vue官方其实给出了办法的，使用v-cloak指令
www.easck.com
解决方法如下图
原理就是让为编译的给事先隐藏，上面的[v-cloak]指的是属性选择器。
以上为个人经验，希望能给大家一个参考，也希望大家多多支持我们。