Problems encountered in the actual combat of vue mobile terminal

recently, I have been learning to use vue to build a small mobile project, in which vue-router; is used. What is the component structure of clicking the navigation button at the bottom and then jumping to a different page, but the bottom navigation will not disappear? I probably know to use the bottom navigation as a common component, but what do I need to do for the specific click jump and icon background switch? Have you ever done a project case or video that is very similar to this situation? Help~

; just like the red box in the picture, would you please write this bottom navigation component at the beginning of the project? Or write the specific page you navigated to first? And then assemble it into the bottom navigation assembly? (I have not done this kind of exercise before, and the great gods who have similar projects seek advice ~)

Vue-router vue-cli vue.js

Mar.11,2021

navigation and details page are independent of each other. As for which one is not so important, the navigation we do is a temporary requirement, , so whoever develops it first is the same.

similar items
sidebar navigation, source code and documentation can be compared with

< router-view > is at the same level as the bottom navigation below, such as this navigation implementation

just write at the same level. Generally speaking, it is recommended that you first write the route at the bottom of nav and then continue to write the page < router-link to= "> < / router-link > < router-view < / router-view > and then

Previous: Vue watch

Next: Install Hbase, under Mac and report an error after running. Zookeeper link failed.

In vue-cli, how to add a class to an element of the page to change the style according to the natural route as a condition.
now you need to change the style of an element on the page based on the current route when the page jumps to a route. Boss, don t just talk about ideas, but also talk about the specific implementation code. I am relatively bad, a lot of grammar is not ...

Vue-router vue-cli vue.js

Mar.05,2021
Selection of vue single page and multiple pages in the project
recently contacted vue, to use vue to make a similar style website (as shown below), and the actual demand is estimated to be 20 + pages visually. Can a single page be satisfied? because I haven t used vue, I worry that when using a single page, ...

Vue-router vue-cli vue.js javascript html

Mar.17,2021
Vue navigation guard and axios interceptor
I found that beforeEach, the vue navigation guard, can verify login permissions, so is there no need for axios interceptors? I hope the bosses will tell us what you think. or rather, the axios interceptor is sufficient, and there is no need for vue navi...

Axios vue-router vue-cli vue.js

Mar.20,2021
Vue-cli creates a project, refreshes the page and reports a 404 error.
it is normal to start the server and enter 192.168.0.21purl 8080 in the browser, but when I jump to another routing page to refresh, the page reports a 404 error. I looked up a lot of information that said it was caused by html5 s history, but I didn ...

Vue-router vue-cli vue.js node.js html5

Mar.20,2021
When vuecli pages are switched, ios images are reloaded every time.
when the vue routing page is switched, the picture on ios is reloaded every time (the picture is a web link picture) the picture will still be reloaded when it is hidden on the page IOS will not have this problem with Android < hr > ...

Vue-router vue-cli vue.js

Mar.28,2021
Why is the file packaged by vue-cli webpack so large?
I use vue-router to load lazily. Why are some of the packaged files so large? for example, this 2 contains other js? in 2.js * . How to divide them the above is analyzed by webpack-bundle-analyzer. Please take a look at it for me ...

Vue-router vue-cli vue.js webpack

Mar.30,2021
Vue will report an error as long as it executes $router.push in IE11.
the vue project runs normally in chrome or edge and can be redirected normally. if you execute this.$router.push in IE11, you will report Loading chunk 0 failed . babel-polyfill has been added, but it s still the same problem. is there any...

Vue-router vue-cli vue.js

Apr.21,2021
Vue css introduces picture problem
as shown in the picture, I have a common style.css under static and want to introduce a picture file in assets. How to write url is not correct after trying for a long time. ( ...

Vue-router vue-cli vue.js

May.07,2021
Vue-cli project version update, how to avoid switching back and forth between the old version and the new version?
vue-cli project version update, there is a strange phenomenon. Enter a link to a page directly in the browser and have been updated to the new version. At this time, if you click logo to get to the home page, and then go back to the previous link, the in...

Vue-router vue-cli vue.js

Jan.24,2022
Vue-cli project version update, how to avoid switching back and forth between the old version and the new version?
vue-cli project version update, there is a strange phenomenon. Enter a link to a page directly in the browser and have been updated to the new version. At this time, if you click logo to get to the home page, and then go back to the previous link, the in...

Vue-router vue-cli vue.js

Jan.24,2022