vue中tab栏切换，页面闪烁

vue中tab栏切换，页面闪烁：

 

解决 -->

1.添加 <keep-alive> 标签包裹路由显示区，实现缓存内容，不用频繁切换频繁请求数据内容

<keep-alive>

　　<router-view></router-view>

</keep-alive>

 

2.使用指令v-cloak    （加上指令发现是没有反应的，还是会出现闪烁的问题，这里需要添加css）

<style>
　　[v-cloak]{
　　　　display: none;
　　}
</style>

 

v-text指令和v-html指令没有闪烁问题

 

<div id="app">
　　<!-- 解决闪烁问题-->
　　<p v-cloak>{{msg}}</p>
　　<!-- 默认没有闪烁问题，会覆盖原文本内容-->
　　<h3 v-text="msg"></h3>
　　<div v-html="msg2"></div>
　　<input type="button" name="" id="" value="按钮" :title="mytile+123" />
</div>