core icon indicating copy to clipboard operation
core copied to clipboard

fix(Transition): Make transition behavior in KeepAlive in dev-mode consistent with production-mode.

Open ygj6 opened this issue 3 years ago • 6 comments

fix: #5500 In this example, click Page A and then click Page B. Page A moves to the left, which is inconsistent with the name of the Transition node.This is due to the fact that https://github.com/vuejs/core/blob/5898629d723e82b68e9b17b91bf8b1a8390a3912/packages/runtime-core/src/componentRenderUtils.ts#L221-L229

It adjusts the position of the transition, so the last transition is used when moving. Now let's update it manually

ygj6 avatar Mar 10 '22 03:03 ygj6

Deploy Preview for vue-sfc-playground ready!

Name Link
Latest commit bc06f4acc19498e638efbeeaaf2189bb059da8d2
Latest deploy log https://app.netlify.com/sites/vue-sfc-playground/deploys/625d0b92e4278f00088e78ad
Deploy Preview https://deploy-preview-5557--vue-sfc-playground.netlify.app/
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

netlify[bot] avatar Mar 10 '22 03:03 netlify[bot]

Deploy Preview for vuejs-coverage ready!

Name Link
Latest commit bc06f4acc19498e638efbeeaaf2189bb059da8d2
Latest deploy log https://app.netlify.com/sites/vuejs-coverage/deploys/625d0b92ce99ee0008ad4ab0
Deploy Preview https://deploy-preview-5557--vuejs-coverage.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

netlify[bot] avatar Mar 10 '22 03:03 netlify[bot]

Deploy Preview for vue-next-template-explorer ready!

Name Link
Latest commit bc06f4acc19498e638efbeeaaf2189bb059da8d2
Latest deploy log https://app.netlify.com/sites/vue-next-template-explorer/deploys/625d0b921433200009a7a481
Deploy Preview https://deploy-preview-5557--vue-next-template-explorer.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

netlify[bot] avatar Mar 10 '22 03:03 netlify[bot]

is this same as https://github.com/vuejs/core/pull/5268 ?🤔

edison1105 avatar Mar 10 '22 03:03 edison1105

is this same as #5268 ?🤔

Not exactly, because components are not uninstalled in keepalive, but I believe there should be a similar problem in 5268.

ygj6 avatar Mar 10 '22 09:03 ygj6

Could you please resolve the conflicts?

edison1105 avatar Sep 03 '24 08:09 edison1105