zoukankan      html  css  js  c++  java
  • vue中动态组件的使用及相关问题

    <component v-bind:is="currentTabComponent"></component>

     动态组件主要是运用 is 属性 达到切换组件的效果。

     如何使动态组件保持状态--- keep-alive (有时候,我们希望能保持被动态加载组件的状态,已避免反复重复渲染导致的性能问题)

     

    <keep-alive>
          <component :is="currentTabComponent"></component>
    </keep-alive>

    但是,我们在使用keep-alive来保持组件状态的同时, 也带来了另外一个问题, 就是第二进入页面之后, 组件的钩子函数created 和 mounted 不会再次被触发(除了activated钩子外, 都不会触发)

    解决办法:

            1.  在对应组件中, 加activated钩子函数再次请求数据接口。

            2.  或者, 使用exclude来忽略对应缓存的组件   (只适用于单个组件)

    <keep-alive exclude="posts">
          <component :is="currentTabComponent"></component>
    </keep-alive>
    

      

     

  • 相关阅读:
    Mac 删除Openfire
    FMDB使用
    豆瓣restful api 状态和错误码
    豆瓣开放api
    常用文字配色方案
    电商网站参考
    HP后端跨域HEADER头
    PHP统计 图表实现方法
    PHP 全过程教程和测试网
    Ajax技术在购物车中的应用(PHP篇)
  • 原文地址:https://www.cnblogs.com/big--Bear/p/12956886.html
Copyright © 2011-2022 走看看