mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-23 14:15:13 +00:00
feat: allow nuxt-child to pass keep-alive props to keep-alive (#4067)
Adds the ability to configure the props of keep-alive on nuxt-child. ## Types of changes - [ ] Bug fix (a non-breaking change which fixes an issue) - [x] New feature (a non-breaking change which adds functionality) - [ ] Breaking change (fix or feature that would cause existing functionality to change) ## Description In development, I found it impossible to configure the props of keep-alive when using nuxt-child, like ```exclude```. This PR adds a special prop to nuxt-child named keepAliveProps to allow developer to configure it. ```html <template> <div> <nuxt-child keep-alive :keep-alive-props="{ exclude: ['modal'] }"> </div> </template> ``` ## Checklist: - [x] My change requires a change to the documentation. - [x] I have updated the documentation accordingly. (PR: https://github.com/nuxt/docs/pull/836) - [ ] I have added tests to cover my changes (if not applicable, please state why) - [x] All new and existing tests are passing.
This commit is contained in:
parent
055e99a21b
commit
d603b0d418
@ -1,7 +1,7 @@
|
|||||||
export default {
|
export default {
|
||||||
name: 'nuxt-child',
|
name: 'nuxt-child',
|
||||||
functional: true,
|
functional: true,
|
||||||
props: ['keepAlive'],
|
props: ['keepAlive', 'keepAliveProps'],
|
||||||
render (h, { parent, data, props }) {
|
render (h, { parent, data, props }) {
|
||||||
data.nuxtChild = true
|
data.nuxtChild = true
|
||||||
const _parent = parent
|
const _parent = parent
|
||||||
@ -44,7 +44,7 @@ export default {
|
|||||||
]
|
]
|
||||||
if (typeof props.keepAlive !== 'undefined') {
|
if (typeof props.keepAlive !== 'undefined') {
|
||||||
routerView = [
|
routerView = [
|
||||||
h('keep-alive', routerView)
|
h('keep-alive', { props: props.keepAliveProps }, routerView)
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
return h('transition', {
|
return h('transition', {
|
||||||
|
Loading…
Reference in New Issue
Block a user