Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

@click.prevent also prevents all child elements interactions #5875

Closed
gerardreches opened this issue Jun 13, 2017 · 3 comments
Closed

@click.prevent also prevents all child elements interactions #5875

gerardreches opened this issue Jun 13, 2017 · 3 comments

Comments

@gerardreches
Copy link

Version

2.3.3

Reproduction link

https://jsfiddle.net/50wL7mdz/39994/

Steps to reproduce

  1. Click on the link, it will be prevented.
  2. Try to open the input file, it will be prevented too.

What is expected?

The element with @click.prevent will be prevented, child elements with default actions shouldn't be prevented.

What is actually happening?

The element with @click.prevent is prevented, child elements with default actions prevented too.


I want to use elements with default actions inside a parent element that uses @click.prevent. @click.prevent.self doesn't help either.

@JounQin
Copy link
Contributor

JounQin commented Jun 13, 2017

try @click.self.prevent

@posva
Copy link
Member

posva commented Jun 13, 2017

you have to add self before the prevent as @JounQin said

@posva posva closed this as completed Jun 13, 2017
@posva
Copy link
Member

posva commented Jun 13, 2017

I'm creating a PR for the docs. Thanks for the feedback 🙂

@vuejs vuejs deleted a comment from duyphamsalto Apr 19, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants