Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

when the v-for directive is used on <keep-alive></keep-alive>, if it is a constant , an error will be reported when switching tabs. #12914

Open
yuanruixin opened this issue Feb 19, 2025 · 1 comment · May be fixed by #12915
Open

when the v-for directive is used on <keep-alive></keep-alive>, if it is a constant , an error will be reported when switching tabs. #12914

yuanruixin opened this issue Feb 19, 2025 · 1 comment · May be fixed by #12915
Labels
🔨 p3-minor-bug Priority 3: this fixes a bug, but is an edge case that only affects very specific usage. has workaround A workaround has been found to avoid the problem scope: keep-alive

Comments

@yuanruixin
Copy link

Vue version

3.5.13

Link to minimal reproduction

https://play.vuejs.org/#eNrFVc1y2jAQfpUdXwgTYje0J+owBaaHNk3baXPDHIQtiBJZ0kgykGF4gz5S36mv0JUsDG5+Ztppp1zAu99+3m/3k9hGI6XiVUWjQZSaXDNlwVBbqWEmWKmktrDVdNHLZakqS4sdLLQsoYMVnQYxweQoJOLEPznKNmDcAowfAiYtwCQAMpFLYSyQ3LIVvaT3cAHY0EkWWTI/z6Lu6zbC1RrE7Bs+OenCxRC2mQCss5UWwASz12TukFJQYa+Imjb08Yrwis6Qdeeo9+SP1OBLPKvrYwBTL7vntc16Id4P8YmL7DxdkoC88181cUk2H6hY2pugq9+FBvIQMT3v9Wcxrx8DLrDmRNgOLm/NbH7jXv7j+7c14xzWRAsmluBRWQSKaBTQKIlzu4kL6gdALAVmQEicJiwqgTEpsGY/heNW+oCMaVJ7Bt2CD5aWiiMHPgGkBVtBzokxF1lU0FJmkY9jhpM55cOUCdwQ2HtFEaFJwRACq7NSFpRjpFmJi7qlYKzeOSRDP/U0qZn+Bm2/oe0faGtiSC8pVSOOZSGAn9XZQmosZcUGzXGYjBuWB4SusNpZ0Y/6UD1gbipHjp0iz9n5rKmGYYrrD3V7gUnTRz3hBEeMv9LkaPBRL2oO4DNn2nkN2od5v+RcVsIGN77oPr9jNZxU2tnJnzff7ABGaeJehWmjiBh6vgFst4F5t0NGl/CQeWUteuxNzll+hzPxmNNTNMtpmtTJJyT6K+T3JAYXm2WQ1+n8ib5xW98VNYYs3cHxIh17W2JtyIMDEeHPwq+irMH+FmwZ3xopUJi/XdxESsU41Z+UO40mi/A1tSHQQZzL9Xsfs7qi/t7xNTc0v3skfms2LpZFnzU1VKOhoyZniV5SW6fffv1IN/i7SWLvFUf0M8kv1EheuR5r2LgSBbZ9hPPdvvPrwQvp2rzdWCrMXpRr1CF3Hp9FuDK35qekH9p9Gb/ydXjFBmv4P4//5P7Jv3b/7if4e5r9

Steps to reproduce

step1: click tab2

When the v-for directive is used on , if it is a constant , an error will be reported when switching tabs.

What is expected?

no error

What is actually happening?

parentComponent.ctx.deactivate is not a function

System Info



Any additional comments?


No response

      		
    

      
  





        



            

              
            

        

      


      
    








      

    



      

  
            

    

      
    

    


      

          @yuanruixin
yuanruixin




        changed the title
hen the v-for directive is used on <keep-alive></keep-alive>, if it is a constant , an error will be reported when switching tabs.

when the v-for directive is used on <keep-alive></keep-alive>, if it is a constant , an error will be reported when switching tabs.


      Feb 19, 2025

    

  



    

    

      
    

    


      

          @jh-leong
jh-leong




          added
  the 

  🔨 p3-minor-bug

  Priority 3: this fixes a bug, but is an edge case that only affects very specific usage.
 label


      Feb 19, 2025

    

  



    

    

      
    

    


      

          @edison1105
edison1105




            added
      

  scope: keep-alive


      

  has workaround

  A workaround has been found to avoid the problem

  labels


      Feb 19, 2025

    

  



  

  

    
  


  

      

    @edison1105
edison1105



    linked a pull request
    
      Feb 19, 2025
    

    that will
    close
    this issue





  


  

      
   Open

  







  









      

  
      



  

  @1want





  


    

      

  

    

        
    
    

  


      
          
  
      
            Copy link

  

      
    

  


  

      



      

  


  

    

      

      
            1want
  

      

      

      commented


        Feb 21, 2025


      
  •

  

    
      

        
          edited
          
        
        
      

    
    
      
        
      Loading

      
    
  



    


  





      


        


  
    

      
          
    

  1. for...in...的迭代体必需是一个对象，v-for循环同理。你的maxLength是基本数据类型
    2. 

  2. 你如果要动态添加component或者切换component应该采用别的写法
    3. 


      		
    

  





        


            

            

              
            

        

      


      

            
  

    
  
    
    

  

  



    
















  
  

    

      

  





  




  
  

              

  
    Sign up for free
    to join this conversation on GitHub.
    Already have an account?
    Sign in to comment


  



  






  
                  




    

  


      
  

    Assignees
  



        

    No one assigned







      


  


  

    Labels
  



    

      

    🔨 p3-minor-bug

  Priority 3: this fixes a bug, but is an edge case that only affects very specific usage.
  

    has workaround

  A workaround has been found to avoid the problem
  

    scope: keep-alive









      

  

    

        

    Projects
  


        




    None yet




  



      


  

    
  

    Milestone
  


      No milestone





    
      
          
  

    

      

        
          

            
    

    Development
  




              
  
Successfully merging a pull request may close this issue.





    


  
          
      fix(runtime-core): handle KeepAlive children unmount when wrapped in stable v-for

    
      vuejs/core
    





        
      

    

  


      

    

  
      

  

    

      4 participants
    

    

        
          @edison1105 
        
          @jh-leong 
        
          @1want 
        
          @yuanruixin