vue has the following route nesting:
/ > app.vue > a.vue > b.vue
app.vue is the ingress, an is a level 2 route, and b is a child of a
when accessing the b route, the request written in an and some column hook events will be called repeatedly. What should I do?
for example, if there is a data request in created in app.vue, the hook in app.vue will be called repeatedly when accessing an or b.
theoretically, switching nested routes does not trigger the created method in the parent component.
maybe it's because you set up keep-alive and add some judgments to reselect the rendered page.
according to your description, if you open the application directly and access B directly through url, then all the created on the entire link will definitely be called, which is inevitable. If you open it first, and then jump to b, then the created of app and a will not be called, which is also inevitable
I have this problem, too. Every time I enter a nested child route, the life cycle of the parent route goes through again, causing the components in the parent route to be created repeatedly. Sometimes two instances of components within a parent route are created.
after searching for a while, it turns out that the parent route itself is caused by < keep-alive > .
remove < keep-alive > and everything is fine.
my structure is like this
App.vue > parent.vue > child.vue
url is like this when accessing
http://localhost:3000/-sharp/parent/child
problem lies in App.vue
<keep-alive>
<router-view ></router-view> // parent.vue
</keep-alive> remove keep-alive
Previous: Is watch not listening when the input value bound to the vue array changes?
Next: How do I get a new token in the controller after laravel refreshes the token?
when I first came into contact with vue, development, I found that this warning error will appear no matter where I click on the project page. I don t know if I have ever met anyone who made this error. Ask God for advice ...
for example, after the phone is bound, the status of the page should be updated. What is the specific method? ...
there is a background management system routing nesting relationship: app.vue > a.vue > b.vue I want to do this: send a request to verify the validity of token in app.vue send a data request in a b, and the parameters of the data request depend o...
has the following routes app.vue > a.vue > b.vue a.vue is a full-screen content b.vue is also a full-screen content, and less parts are shared with a, so you can ignore router-view at the bottom of a.vue . when a-> b, the content of an is above th...