首页 > 其他分享 >使用{{}}展示或更新页面数据时出现闪烁问题:当网速比较慢时,会让用户先看到表达式{{msg}},然后才看到data中的值

使用{{}}展示或更新页面数据时出现闪烁问题:当网速比较慢时,会让用户先看到表达式{{msg}},然后才看到data中的值

时间:2022-08-25 14:56:19浏览次数:64  
标签:样式 text cloak 网速 msg data 闪烁

可使用以下方式解决:

1、使用v-cloak指令,然后为其设置css样式display:none;即上述代码可修改为:

但有时添加完毕后变量仍会显示(即闪烁问题没解决),这是因为 v-cloak 的display属性被优先级别高的样式覆盖所导致,所以最好再添加一个 !important ,将其优先级设置为最高,防止被其他优先级高的dispaly:none样式所覆盖。

即:

 

 2、使用v-text或v-html解决,因为v-text会覆盖掉元素中原本的内容,但是{{}}只会替换自己的这个占位符。

 

标签:样式,text,cloak,网速,msg,data,闪烁
From: https://www.cnblogs.com/angia/p/16624264.html

相关文章

  • 统信 UOS Server 20 修改 MySQL 数据目录(datadir)
    一、环境说明操作系统:UnionTechOSServer20Enterprise数据库:MySQL5.7注1:统信UOS查看系统版本方式#方式一,查看发行版信息cat/etc/os-release#方式二,查看......
  • OCP增加kernel.msg*配置
    昨天晚上应用上线时,报出部署异常排查后应该是ocp中没有开启kernel.msg,这个在K8S中配置比较简单,直接修改kubelet.conf就可以。但OCP4中就比较麻烦了,因为coreos不支持直接......
  • HCIA-datacom 6.1 实验 构建基础WLAN网络
    前言:最近事情太多了,更新不会很稳定!今天遇到一个很恶心人的事情,分享知识是一件开心的事,但有些人好像觉得这是他谋生的手段一样,没得意思。本来wlan的实验大概在周一就写完了......
  • DataInput
    DataInput /**Copyright(c)1995,2013,Oracleand/oritsaffiliates.Allrightsreserved.*ORACLEPROPRIETARY/CONFIDENTIAL.Useissubjecttolicense......
  • golang运行grpc示例项目报错:exec: "C:\\Users\\User\\AppData\\Local\\Temp
    golang运行grpc示例项目报错:exec:"C:\Users\User\AppData\Local\Temp\go-build4227870276\b001\exe\server":filedoesnotexist文件找不到,经过排查,发现是编译的文件......
  • text、data、bss、RO、RW、ZI、Code、elf、bin、hex扫盲
    目录现象textdatabssbin文件elf文件hex文件AXF文件现象eclipse中编译一个ARM工程,编译成功后有以下打印:.......数据解析:.text:10290byte.data:3220byte.bss:276......
  • 51单片机 idata pdata xdata
    1内部RAM 内部RAM共256个字节,分为两个部分,低128字节和高128字节,低128字节是传统51单片机的地址,既可以直接寻址也可以间接寻址,高128位是在8052中扩展的,这部分RAM和特殊......
  • vue初始化data数据
     初始化datathis.$data= this.$options.data() 初始化data中form this.$data.form=this.$options.data().form......
  • DataGrid中使用PopupBox
    1.效果图2.实现TestView.xaml<DataGridItemsSource="{BindingItemsSource}"CanUserAddRows="False"AutoGenerateColumns="False">......
  • Event Transformer. A sparse-aware solution for efficient event data processing
    郑重声明:原文参见标题,如有侵权,请联系作者,将会撤销发布!  CVPR2022 Abstract对于在资源匮乏和具有挑战性的环境中运行的许多应用程序来说,事件摄像机是非常感......