Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
after-suggestions @click and other click events are invalid
See original GitHub issuevue-autosuggestversion: v2.0.0nodeversion: v10.15.3npm(oryarn) version: v1.16.0
Relevant code or config
<div slot="after-suggestions">
<a class="cursor-pointer" @click="alert('success')">more</a>
<a class="cursor-pointer" @click.native="alert('success')">more</a>
<a class="cursor-pointer" @click.stop="alert('success')">more</a>
</div>
What you did: I need to add a more button
What happened: All @click events under slot= “after-suggestions” are invalid
Problem description:
Suggested solution: Events such as @click can be used normally
Issue Analytics
- State:
- Created 4 years ago
- Comments:5 (2 by maintainers)
Top Results From Across the Web
ASP.NET: Wrong event is fired when I click a LinkButton
I had a link button and when clicking it, but only in IE9, it appeared to activate another button on the page and...
Read more >Be Slightly Careful with Sub Elements of Clickable Things
Event delegation is where you bind the click handler not directly to the element itself, but to an element higher up the DOM...
Read more >Element: click event - Web APIs | MDN
An element receives a click event when a pointing device button (such as a mouse's primary mouse button) is both pressed and released...
Read more >Button.OnClick(EventArgs) Method - Microsoft Learn
The Click event is raised when the Button control is clicked. This event is commonly used when no command name is associated with...
Read more >React onClick event handlers: A complete guide
What is the onClick handler in React? The React onClick event handler enables you to call a function and trigger an action when...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Can you describe what you mean by “invalid”? You’re probably looking for @mouseup.stop. add that to the elements that are being clicked in addition to the click event and lemme know if that helps https://codesandbox.io/s/vueautosuggest-api-clicking-things-in-the-headerfooter-bzdrp
Your english in this instance was just fine actually! Word choice was just a little unclear but grammar was great. Also, issues like these are good because I need to add better docs. Thank you!