vue刷新页面时如何实现去闪烁提升用户体验效果-创新互联
小编给大家分享一下vue刷新页面时如何实现去闪烁提升用户体验效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
成都创新互联公司服务项目包括昭化网站建设、昭化网站制作、昭化网页制作以及昭化网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,昭化网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到昭化省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!首先在最外层div添加v-if="isReloadAlive
",并创建变量isReloadAlive = true
随后添加provide()以及reload方法,如下:
export default { provide() { return { reload: this.reload } }, data(){ isReloadAlive : true }, methods: { reload() { this.isReloadAlive = false; this.$nextTick(function(){ this.isReloadAlive = true; }) } }
最后调用this.reload()
即可
补充:下面看下vue解决刷新时闪烁问题
1.在vue容器的div里面加上 v-cloak
2.样式文件中加上 以上是“vue刷新页面时如何实现去闪烁提升用户体验效果”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
网页标题:vue刷新页面时如何实现去闪烁提升用户体验效果-创新互联
文章地址:http://myzitong.com/article/cesjsd.html