zoukankan      html  css  js  c++  java
  • vue mounted 调用两次的解决办法

     
    在开发中发现其中一个页面moutned调用了两次,而其他页面正常,表示很懵逼,然后查找原因,终于找到了,其实归根到底是要知道mounted的调用机制问题;
     
     
    情况:在这个页面中出现了mounted 加载了两次的情况;
    方法:排除法
    首先把 this.$store.commit() 方法注释掉,发现就好了,只加载一次
    初步判断是commit  方法导致的
    二  验证判断是否正确,不使用commit 方法,该用直接改变变量状态的方法,发现又加载了两次;
    再次判断,不是由于commit引起的
    三   猜想commit到底实现了什么逻辑,然后找到了v-if  
    v-if会重新渲染页面,而mounted 又是在重新渲染完成之后调用的,所以猜想是v-if导致的
    然后换成v-show 发现完美解决问题;
    v-show 不会重新加载页面,仅仅是显示隐藏而已; 
     
     
     
    从网上找来的生命周期图,各位网友可以了解一下,希望给你带来一些启发;
     
     
     
     
  • 相关阅读:
    vector存入共享内存(了解)
    vector内存分配
    关于传值的小问题
    c++11 lambda(匿名函数)
    std::function,std::bind复习
    项目分析(人物上线消息)
    mongo 1067错误
    随笔1
    随笔
    交换机的体系结构和各部件说明
  • 原文地址:https://www.cnblogs.com/chenjianbo/p/9866312.html
Copyright © 2011-2022 走看看