Click event execution of div on the outermost layer of vue and how to prevent other click events from being executed


whether the click event in the blue area causes the pop-up window in the upper right corner to close
the outermost click event adds the anti-bubbling behavior touchstart.stop= "closeMenu" or does not work by clicking on the blue area to close the pop-up window in the upper right corner and the click event in the lower layer at the same time. How should it be stopped?

Vue-cli
Jun.30,2022

@ click.capture.stop

idea:
bind events on the outermost div Note that menus cannot be included in this div
menu status open = true; Click the non-menu part to close the menu open = false; to block capture at this time;
menu status open = false; do nothing at this time

do something like this: 

<div @click.capture = myClick($event)></div>
//.capture 

js:
myClick:(event){
    if(this.open){
        event.preventDefault();//stop 
        this.open = false;//
    }
}

Previous: Php uses tcpdf, pdf files generated by html, contract seals (pictures) misplaced? How do you need to solve it?

Next: How to import large quantities of Excel data into MySQL accurately and quickly after being deduplicated?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu