Accessing QInput element onmounted

[ffrz]

I want to access QInput element on mounted, but when I logged to the console, the element shown is QLabel.
How to correctly access QInput element when it is mounted?

<template>
  <q-page padding>
    <q-input v-selectall clearable label="Please enter your message here" />
  </q-page>
</template>

<script>
import { defineComponent, ref, computed } from 'vue';

export default defineComponent({
  name: 'IndexPage',
  directives: {
    selectall: {
      mounted(el, bind, a) {
        console.log('input was mounted', el, bind, a) // el is QLabel, not QInput
        el.select() // it's not working because the element here is a label element
      }
    }
  },
});
</script>

[ivanjaros]

What are trying to achieve by listening on that event?

[cruisingforone]

I am having the same issue. Maybe related to teleport?

[ivanjaros]