Vue.js 使用v-cloak后仍显示变量的解决方法
作者：伊见倾橙 发布时间：2024-06-07 15:20:56
标签：vue.js,v-cloak,变量
Vue.js 使用v-cloak后仍显示变量的解决方法
v-cloak 这个指令是防止页面加载时出现 vuejs 的变量名而设计的，但有时候添加了这个指令仍会显示变量，这是怎么回事呢？。
v-cloak 用法：
HTML代码：
<div v-cloak>
{{ message }}
</div>
CSS代码：
[v-cloak] {
display: none;
}
这样直至div内变量编译完毕后才会显示。
但有时添加完毕后仍有部分变量会显示，这是怎么回事呢？通过控制台查看，原来是 v-cloak 的display属性被优先级别高的样式覆盖所导致，我的处理方案是添加 !important ，简单粗暴。新css样式如下：
[v-cloak] {
display:none !important;
}
经测试，并不会产生副作用。如果大家有更好的方案，欢迎交流。相关截图如下：
未使用 !important 前的截图
相关链接：
1. Vue.js 1.0官网 v-cloak说明
总结
以上所述是小编给大家介绍的Vue.js 使用v-cloak后仍显示变量的解决方法网站的支持！
来源：https://www.cnblogs.com/cjlll/p/6077430.html
0
投稿猜你喜欢
本文实例讲述了Python有序字典简单实现方法。分享给大家供大家参考，具体如下：代码：# -*- coding: UTF-8 -*-impo- 大家都知道，在ASP中可以使用Request.ServerVariables("REMOTE_ADDR")来取得客户端的
- 代码和说明如下：<％Const ForReading = 1 &nbs
- 寒假里学习了一下Python爬虫，使用最简单的方法扒取需要的天气数据，对，没听错，最简单的方法。甚至没有一个函数封装。。网址：http://
- 本文实例讲述了Python单体模式的几种常见实现方法。分享给大家供大家参考，具体如下：这里python实现的单体模式，参考了：https:/
- 示例数据： zs,3li,5ww,10cc,4xm,2xh,1pp,6qq,7ff,11dd,8kk,12mm,9处理后效果：脚本代码如下：
- 使用jQuery的.post提交，并期望得到多个数据，Python后台要使用json格式。不指定datatype为json，让jquery自
- 工具选择 一。sqlyog 这个工具还是很强大的，但是面对5个G的数据库来说，也只能罢工了，简单说，本机导入可以，从本机导入服务器不行。 二
- 在JS中有些内存只需执行一遍即可，如浏览器类型检测是最常用的一个功能，因为我们使用Ajax的时候需要检测浏览器的内置的XHR。我们可以在第一
- 1.字典的概念字典和列表类似，也是可变序列，不过和列表不同，它是无序的可变序列，保存的内容是以键值对（key:value）形式存放的 字典的
- meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head&
- 为了能够使用ERWin能够进行基于MySQL数据库的物理设计，可以采用以下方法步骤(假设你已经有了一个设计好的LOGICAL MODEL)：
- 目录一、熟悉designer——设计界面的神器1.首先打开designer。2.创建窗口3.熟悉各部功能区域二、设计自己的第一个GUI。1.
- 本文实例讲述了Python设计模式之状态模式原理与用法。分享给大家供大家参考，具体如下：状态模式(State Pattern):当一个对象的
- 一、背景 最近系统线上数据库数据出现一个问题，发现某些字段存在一些异常的首尾空格，不管
- 1、随机生成4位数的随机数<script language="javascript">/*** 随机生成4位
- 本文将通过一下几个方面来一一进行解决 1、程序的主要功能
- 复习回顾我们已经对Python内置模块-time中知道时间格式目前有三种。时间戳结构化时间字符串时间本期，我们将继续深入对time模块中所涉
- import datetime as dtdef log_time(message, time=None): if time i
- 前言没想到python是如此强大，令人着迷，以前看见图片总是一张一张复制粘贴，现在好了，学会python就可以用程序将一张张图片，保存下来。
