Change scope of ref with `v-scope` #181

ws-rush · 2022-08-29T15:34:25Z

If there is nested component like:

<div ref="root" v-scop>
  <!-- father can not be accessd -->
  {{ $refs.father.innerText }}
  <p ref="father" v-scope>
    Hello, PVue  
  </p>
</div>

This PR should fix this problem

@click

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 }} × {{ height }} </textarea> ```

ws-rush and others added 3 commits July 16, 2022 14:18

Add petite-vue plugins support

2525578

Change scope of ref with v-scope

980daf5

thewei added a commit to thewei/petite-vue that referenced this pull request Apr 17, 2024

feat: vuejs#181 Change scope of ref with v-scope

ab32263

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Change scope of ref with `v-scope` #181

Change scope of ref with `v-scope` #181

ws-rush commented Aug 29, 2022

Change scope of ref with v-scope #181

Are you sure you want to change the base?

Change scope of ref with v-scope #181

Conversation

ws-rush commented Aug 29, 2022

Change scope of ref with `v-scope` #181

Change scope of ref with `v-scope` #181