Skip to content

Add $root refer to component root element#180

Open
ws-rush wants to merge 2 commits intovuejs:mainfrom
ws-rush:root-component
Open

Add $root refer to component root element#180
ws-rush wants to merge 2 commits intovuejs:mainfrom
ws-rush:root-component

Conversation

@ws-rush
Copy link
Copy Markdown

@ws-rush ws-rush commented Aug 29, 2022

Some times like in dialogs we need access to root component from child nodes, also it is a way to access root element from v-scope . the next snippet from another PR to expose $el to scope, but this PR can solve the same problem also

<textarea
  v-scope="{width: $root.offsetWidth, height: $root.offsetHeight}"
  @click="width = $el.offsetWidth; height = $el.offsetHeight;"
>
{{ width }} &times; {{ height }}
</textarea>

ws-rush and others added 2 commits July 16, 2022 14:18
Some times like in dialogs we need access to root component from child nodes, also it is a way to access root element from `v-scope` . the next snippet from another PR to expose `$el` to scope, but this PR can solve the same problem also

```html
<textarea
  v-scope="{width: $root.offsetWidth, height: $root.offsetHeight}"
  @click="width = $el.offsetWidth; height = $el.offsetHeight;"
>
{{ width }} &times; {{ height }}
</textarea>
```
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

Successfully merging this pull request may close these issues.

1 participant