What should I do if the click event of vue-router 's rounter-link is prevented from bubbling by other components?

as shown in the figure below, because more code omits the path of other router-link,to, not just the root path , the router-view here does not jump when I click on router-link. This footer is the bottom suspension bar of position:fixed

modify the problem

after many tests, I found that a component in the page added mousedown and touchstart to prevent bubbling events in order to achieve the page turning effect, so in fact, the click events in the page were captured and prevented from bubbling. The component is placed in a div container that is high and full of browsers, while the top and bottom navigation bars are both fixed on the page.

so how do you ensure that the footer can get the event and the paging component still prevents bubbling in this case?

The < H2 > page is shown in the figure < / H2 >

the card flip component below is a must, so how to prevent the click event at the bottom of the navigation bar from bubbling by him?

Vue.js vue-router javascript

Nov.19,2021

finds the problem, and the touchstart event is captured and prevented by other components from bubbling events. Just modify the event capture

you are writing the root path, that is, your current page, how can you jump?

is the route registered?

{
      path: "aaaa",
      name: "xxx",
      component: resolve =>
        require(["@/aaaxxx.vue"], resolve)
    }

<router-link :to="{name:'xxx'}"></router-link>

try this

I was thinking, did you really click on it? Is it possible that the navigation button is not clicked because of css coverage and other reasons. Review the element to see if the navigation button is overridden by something. no, no, no.

Previous: Will multiple request mysql with nodejs access the database in parallel because of blocking?

Next: How does the echarts map selection effect use the original area color?

How should vue-router simulate a system similar to a browser tab?
as shown in the figure, are there any ideas or ready-made plug-ins? elementUI looked at it and found that it could not support dynamic component switching. ...

Vuex vue.js vue-router javascript

Mar.03,2021
Can vue-router return data to generate routing information at the back end?
it s too inelegant and difficult to maintain all routes written in front-end code. If you want to store all the routing information in the database, use the back-end return data to dynamically generate the front-end route. example code is as follows:...

Vue.js vue-router javascript

Mar.11,2021
How does Vue router remove the characters before the-sharp number
I know about mode history. I m asking how to get to the characters before the pound sign in hash mode. how to clean up useless characters, such as those before the-sharp sign, after modifying the address bar, and how to exclude paths that are not ...

Vue.js vue-router javascript front-end html5

Mar.14,2021
Vue uses beforeEach to.meta.title to get that meta.title is undefined
main.js router.js ...

Vue.js vue-router javascript

Mar.18,2021
What does mode mean in vue routing?
export function createRouter () { return new Router({ mode: history , scrollBehavior: () => ({ y: 0 }), routes }) } didn t you understand when you read the document? Test by yourself, after removing the mode root route, you will ...

Vue.js vue-router javascript

Mar.19,2021
How does the same component send different requests according to different routes?
url beforeRouterEnter next vm.data.... , ...

Vue.js vue-router javascript

Mar.22,2021
How to dynamically add child routes in a vue project
permission control is involved in actual development how to dynamically add child routes, can addRoutes achieve ...

Vue.js vue-router javascript

Apr.01,2021
What is the difference between exact-active-class and active-class usage scenarios in Vue Router?
is what this so-called exact match means. ...

Vue.js vue-router javascript

Apr.06,2021
When vue-router switches routes under the iphone5 ios8 system, the dom nodes of the previous page still exist and do not disappear.
problem description when vue-router switches routes under iphone5 ios8, the dom nodes of the previous page still exist , but it is ok under iphone5s ios8. destroyed methods are all executed I m not sure how this problem arises. second addition: ...

Vue.js vue-router javascript

May.22,2021
The vue routing jump page is stuck.
do a background management system, the left side is the directory, the project does not report errors, click on a specific directory (only that one), the page does not jump and get stuck, and collapse after a period of time the fallback code has been ...

Vue.js vue-router javascript

Aug.30,2021
How to use router after the simple introduction of vuejs and vue-routerjs?
as shown in the figure, the directory structure is generally .html files, how to configure route redirection? Now the project is written in es5, seniors give me a comment or demo, thank you very much ^ _ ^ Jq const router = new VueRouter({ mode: ...

Vue.js vue-router javascript html5

Sep.11,2021
Why is the VueLazyload default graph not displayed?
the main.js file is as follows. There is no problem with the loaded image path import Vue from vue import App from . App import ElementUI from element-ui ; import VueLazyload from vue-lazyload import Vuex from . vuex store import ....

Vue.js vue-router javascript

Sep.27,2021
How does vue render data to routing components?
for example, how to render name and age in data to homepage template? < hr > var vm = new Vue({ el: -sharpapp , router,data: { name: "A", age: 20,link:"" } }); const router = new VueRouter({ routes: [ {path: , c...

Vue.js vue-router javascript

Oct.09,2021
The paths in route and watch are different after Vue refresh?
< H1 > there was a problem using vue-router as a navigation bar < H1 > < H2 > the navigation bar looks something like this < H2 > user user-profile rootePath topic topic-new < H2 > We are sure that we did assign a value to rootePath i...

Vue.js vue-router javascript

Oct.16,2021
Ask for advice on how to write vue-router nesting routes
Let me ask you a question: why is the first picture better than the second picture for nested routes? But our paths are all the same. that is, the first one jumps to the "activity list " with the parameter redirect. And the second is directly we can w...

Vue.js vue-router javascript

Oct.25,2021
The tabbar of vue is generated by the for loop, and the content is a string returned directly in the background. How to bind the two?
<div class="news_title"> <ul> <li v-for="(item,index) in newsLi" :class="{ news_active :index === newsIndex}" @click="news_title(index)" :type1="index">{{i...

Vue.js vue-router javascript

Mar.11,2022