vue 怎么keep-alive 页面中的一部分

Question

Vue 怎么做才能keep-alive的一部分呢？

比如这样的（例子例子，实际内容会多一些）

<input type="text" placeholder="keep-alive">

现在 想要keep-alive 这个input，怎么操作呢？

Answer 1

keep-alive，不能单独使用，必须配合<router-view>使用，缓存的是vue组件，并不是某个标签：

比如:
    xxx/a/b这个路径对应的route
    {
        path:'a',component:a,children:[{path:b,component:b}]
    }
    //a.vue
    ...
    <keepa-live>
        <router-view></route-view>
    </ keepa-live>
    ...

尽管b会被缓存，但当路由变成xxx/c的时候，keep-alive同样会注销掉缓存，keep-alive只会在xxx/a下的子集有效。

你这个需求还是用sessionStorage靠谱点儿。

Answer 2

直接用keep-alive套上就行吧，不然就给input封装成组件在套试试

Answer 3

<keep-alive> <input type="text" placeholder="keep-alive"> </keep-alive>