vue挂载呼叫两次的完美解决方案

在开发中发现其中一个页面被调用了两次，而其他页面正常，说明非常困难。然后我找到了原因，终于找到了。其实归根结底，我需要知道moutned的调用机制；

情况：在此页面中装载了两次；

方法：排除法

首先，评论一下这个。$商店。submit()方法，找到它，然后只加载一次

初步判断是由提交方法引起的

第二，验证判断是否正确，不要使用commit方法，而是使用直接改变变量状态的方法，发现又加载了两次；

同样，它不是由提交引起的

第三，猜测commit实现了什么逻辑，然后找到v-if

V-if会重新渲染页面，重新渲染后会调用挂载，所以我猜是v-if造成的

然后改成v-show找到问题的完美解决方案；

V-show不会重新加载页面，只是显示和隐藏；

网上找到的生命周期图，网友可以理解，希望能给你带来一些启发；

PS:我们来看看挂载的函数调用技巧

要确保dom呈现成功，请使用setTimeout()

Mounted () {settimeout (()={this。_ setsliderwidth()这个。_ initdots()这个。_ initslider () if (this。自动播放){这个。_ play ()}}，20)}浏览器通常17毫秒刷新一次，所以这里用20

摘要

以上就是边肖介绍的两次调用vue挂载的完美解决方案。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！