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>
相关推荐
henujolly6 小时前
ethers.js读取合约信息
开发语言·javascript·区块链
毕设源码-郭学长6 小时前
【开题答辩全过程】以 基于Web的高校课程目标达成度系统设计与实现为例,包含答辩的问题和答案
前端
wuhen_n7 小时前
高阶函数与泛型函数的类型体操
前端·javascript·typescript
POLITE37 小时前
Leetcode 437. 路径总和 III (Day 16)JavaScript
javascript·算法·leetcode
難釋懷8 小时前
解决状态登录刷新问题
java·开发语言·javascript
ヤ鬧鬧o.8 小时前
多彩背景切换演示
前端·css·html·html5
一起养小猫8 小时前
Flutter实战:从零实现俄罗斯方块(三)交互控制与事件处理
javascript·flutter·交互
lethelyh8 小时前
Vue day1
前端·javascript·vue.js
酉鬼女又兒8 小时前
SQL113+114 更新记录(一)(二)+更新数据知识总结
java·服务器·前端
无风听海8 小时前
AngularJS中 then catch finally 的语义、执行规则与推荐写法
前端·javascript·angular.js