Vue解决浏览器闪烁问题

Vue 专栏收录该内容
29 篇文章 0 订阅

Vue解决浏览器闪烁问题:

1.使用v-cloak指令:

<h1 v-cloak>{{message}}</h1>
//同时style内需要设置具有  v-cloak属性的元素display为none
<style>
	[v-cloak] {
		display:none;
}
</style>

2.使用v-text指令:当只需要渲染文本时(非DOM)

<h1   v-text='message'></h1>
//利用v-text代替了{{}}

3.当需要渲染DOM节点时,可以使用v-html指令:

<h1  v-html='template'></h1>
  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值