How to determine which element the directive is added to.

[rubanNg]

Hello

<input v-my-directive="{}" type="text" class="native-input"/>
<custom-select v-my-directive="{}" />

CustomSelect.vue

<script setup lang="ts"></script>

<template>
  <input type="text" class="custom-input" />
</template>

How to determine which element the directive is added to.
Is it a native element or is it a custom component

In both cases, the virtual node is input

app.use({
  install(app) {
    app.directive('my-directive', {
      mounted(el, binding, vnode, prevVNode) {
        console.log(vnode);
      }
    });
  }
})

[chenxch]

Because your component has only one root node, the properties attached to the component are naturally transferred to the root node of the big brother component.