关于Vue.js 使用v-cloak后仍显示变量的解决方法
2017-10-17 00:00
337 查看
v-cloak 这个指令是防止页面加载时出现 vuejs 的变量名而设计的,但有时候添加了这个指令仍会显示变量,这是怎么回事呢?。
这样直至div内变量编译完毕后才会显示。
但有时添加完毕后仍有部分变量会显示,这是怎么回事呢?通过控制台查看,原来是 v-cloak 的display属性被优先级别高的样式覆盖所导致,我的处理方案是添加 !important ,简单粗暴。新css样式如下:
v-cloak 用法:
HTML代码:
<div v-cloak> {{ message }} </div>
CSS代码:
[v-cloak] { display: none; }
这样直至div内变量编译完毕后才会显示。
但有时添加完毕后仍有部分变量会显示,这是怎么回事呢?通过控制台查看,原来是 v-cloak 的display属性被优先级别高的样式覆盖所导致,我的处理方案是添加 !important ,简单粗暴。新css样式如下:
[v-cloak] { display:none !important; }
相关文章推荐
- 关于Vue.js 使用v-cloak后仍显示变量的解决方法
- 关于Vue.js 使用v-cloak后仍显示变量的解决方法
- 使用Form验证,未登录时登录页面无法显示图片、css、js文件的解决方法
- 关于CSS中内层使用float导致外层的背景无法显示的问题的解决方法
- 关于在extjs中使用column布局,不能显示textfield的标签(fieldLabel)解决方法
- 使用U盘PE安装系统,显示安装程序无法重新启动计算机,请关闭所有应用程序并且关机,以便继续进行XP安装。找不到网络路径。的解决方法
- Asp.net中建立MS office组件时出现“拒绝访问”和“消息筛选器显示应用程序正在使用中”错误的解决方法
- 使用SecureCRT登陆RHEL系统显示中文乱码的解决方法
- 使用VS2003遇到“无法显示进程。没有正确安装调试器。请运行安装程序安装或修复调试器。”的解决方法
- 使用printf修改变量的值 —— VS2008中使用%n输出遇到的问题及解决方法
- 使用U盘PE安装系统,显示安装程序无法重新启动计算机,请关闭所有应用程序并且关机,以便继续进行XP安装。找不到网络路径。的解决方法
- CSS样式,使用VS2005本地文件系统调试能显示,改成使用IIS就死活不显示了!【解决方法汇总说明】
- ASP.NET使用Coolite.Ext.Web.dll,显示ext"未定义"的解决方法
- 关于在extjs中使用column布局,不能显示textfield的标签(fieldLabel)解决方法
- vs2008与IIS 7.0使用在vista上时出现的问题及解决方法(Internet Explorer 无法显示该页面)(VS2008: IE Cannot Display Web Page)
- 【Vegas原创】访问owa,图片和js脚本不能正常显示和使用的解决方法
- 在servlet里面使用printWriter输出ireport到jsp显示乱码的解决方法
- editorGridPanel++中+有一列使用combobox+,选择后显示的是value+而不是name.+解决方法
- ExtJs TreePanel使用TreeLoader在IE下无法正常加载显示的解决方法
- 浅谈c#泛型类型变量作为操作数使用的通用解决方法