关于使用vant的tab切换结合动态组件:is后出现生命周期叠加——生命周期方法多次调用的问题

关于使用vant的tab切换加动态组件:is后出现生命周期叠加——生命周期方法多次调用的问题

原代码

 
      
        
        
      
    

关于使用vant的tab切换结合动态组件:is后出现生命周期叠加——生命周期方法多次调用的问题_第1张图片

 

 所以判断为组件没有被销毁,生命周期没有被及时释放导致

 起初为了不耽误开发进度,直接不使用动态组件

 
      
        
        
      
      
        
        
      
      
        
        
      
      
        
        
      
      
        
        
      
      
        
        
      
    

后续进行优化改进发现了导致问题的原因

下方是改进后的代码,把动态组件位置从tab切换组件里面改为外面,成功解决问题

 

   
      
        
      
    
    

你可能感兴趣的:(bug,bug,vue.js,前端,git,github,eclipse,java-ee)