Skip to content

Commit

Permalink
Update src/guide/extras/web-components.md
Browse files Browse the repository at this point in the history
Co-authored-by: skirtle <65301168+skirtles-code@users.noreply.github.com>
  • Loading branch information
aztalbot and skirtles-code committed Aug 29, 2022
1 parent d61ef3d commit 3f5592f
Showing 1 changed file with 1 addition and 3 deletions.
4 changes: 1 addition & 3 deletions src/guide/extras/web-components.md
Expand Up @@ -79,9 +79,7 @@ However, there could be rare cases where the data must be passed as a DOM proper

The `v-on` directive handles lowercase and kebab-case events dispatched from custom elements. However, the `v-on` directive does not support listening for events whose names include capital letters. For example, adding `v-on:myInput` to a custom element adds a listener for events with the name `my-input`, which does not handle an event with the name `myInput`.

If your app uses custom elements that dispatch events with capital letters, you can use a custom directive to add the correct event listener to the element.

#### Example Custom Directive to Handle Specific Events
If you use custom elements that dispatch events with capital letters, you can use a custom directive to add the correct event listener to the element:

```js
// ex. <my-element v-event:eventName="handler" />
Expand Down

0 comments on commit 3f5592f

Please sign in to comment.