Skip to content

[vue] 怎么缓存当前打开的路由组件,缓存后想更新当前组件怎么办呢? #427

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

[vue] 怎么缓存当前打开的路由组件,缓存后想更新当前组件怎么办呢?

Activity

wenyejie

wenyejie commented on Jun 27, 2019

@wenyejie

可以在路由meta中加入参数, 对打开的路由进行keep-alive的判断, 通过钩子active等

Brayshen

Brayshen commented on Nov 8, 2019

@Brayshen

优秀~

Drikold

Drikold commented on Jul 26, 2021

@Drikold

设置缓存:

<keep-alive>
      <router-view v-if="$route.meta.keepAlive" />
</keep-alive>
<router-view v-if="!$route.meta.keepAlive" />

更新当前组件,设置不同:key键;activated中更新数据;

zhuyu1220

zhuyu1220 commented on Mar 10, 2022

@zhuyu1220

1.通过keep-alive组件可以缓存 组件,通过路由配置中的meta选项中的自定义属性trueorfalse决定缓存,或者使用include属性来添加缓存的组件
2.key值的改变组件会进行重建,因此可以再actived中改变key值

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @wenyejie@haizhilin2013@Drikold@SecondLiang@Brayshen

        Issue actions

          [vue] 怎么缓存当前打开的路由组件,缓存后想更新当前组件怎么办呢? · Issue #427 · haizlin/fe-interview