vue 使用v-cloak

v-cloak的使用

v-cloak的使用场景

v-cloak指令常常用在插值表达式的标签中,因为它可以解决当网络加载很慢时,或者频繁渲染时候,页面就会显示出源代码的情况。

v-cloak的使用

1,在差值语法所在的标签处加上v-cloak指令

javascript 复制代码
<h3 v-cloak>{{home_title}}</h3>

2,在css中设置v-cloak的属性为display为none

javascript 复制代码
    <style type="text/css">
            [v-cloak]{
                display: none;
            }
        </style>
相关推荐
Predestination王瀞潞10 分钟前
2.4 编码->W3C XML 1.0标准(W3C Recommendation):XML(Extensible Markup Language)
xml·前端
紫_龙10 分钟前
最新版vue3+TypeScript开发入门到实战教程之DOM操作
javascript·vue.js·typescript
SuperEugene11 分钟前
JS/TS 编码规范实战:Vue 场景变量 / 函数 / 类型标注避坑|编码语法规范篇
开发语言·javascript·vue.js
FlyWIHTSKY18 分钟前
vue3中const的使用和定义
前端·javascript·vue.js
Chengbei1126 分钟前
Chrome浏览器渗透利器支持原生扫描!JS 端点 + 敏感目录 + 原型污染自动化检测|VulnRadar
javascript·chrome·安全·web安全·网络安全·自动化·系统安全
小璐资源网28 分钟前
如何写出干净、易维护的 HTML 结构
前端·html
gongzemin30 分钟前
怎么在VS Code 调试vue3 源码
前端·vue.js
C澒31 分钟前
微前端容器标准化 —— 公共能力篇:CDN 能力
前端·架构
wulijuan8886661 小时前
ECharts图表性能优化的那些事
前端·javascript·echarts
❀͜͡傀儡师2 小时前
通过npm 手动安装、Docker 部署 OpenClaw小龙虾
前端·docker·npm