Всем привет, подскажите пожалуйста, создаю компонент со следующим содержимым: <template>

Question

Всем привет, подскажите пожалуйста, создаю компонент со следующим содержимым: <template>

<div class="form-group">
<label
v-if="label"
:for="id"
>{{ labelText }}</label>
<input
:id="id"
v-model="model"
>
<small
v-if="error"
class="error"
>
{{ error }}
<slot name="errors" />
</small>
</div>
</template>

Получается у меня внутри компонента несколько DOM элементов и мне нужен родительский - div, но проблема заключается в том, что если я, например, пишу кастомную директиву и использую в ней this - то я получаю не input элемент, а div, соответственно я уже не могу использовать в директиве this.value, есть ли способ не меняя структуру компонента достучаться до input?