vue中 v-cloak,v-text,v-html的用法

1、 在vue.js中 v-cloak 这个指令是防止网络缓慢时页面加载时出现 {{}}闪烁

v-cloak 的用法:

在这里插入图片描述

但有时添加完毕后仍有部分变量会显示,这是怎么回事呢?通过控制台查看,
原来是 v-cloak 的display属性被优先级别高的样式覆盖所导致,我的处理方案是添加 !important 

2、v-text 没有闪烁问题

在这里插入图片描述

3、v-html 可以包含html标签

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_43787528/article/details/88656530