Vue · Middle · Запитання 12 з 75
Як застосувати fallthrough-атрибути до внутрішнього елемента, а не до кореня?
<script setup>
defineOptions({ inheritAttrs: false });
</script>
<template>
<label class="field"><input v-bind="$attrs" /></label>
</template>- ✓Правильна відповідь: Вимкнути
inheritAttrsі прив'язати$attrs(абоuseAttrs()) до потрібного елемента - 2Використати
:deep()у шаблоні - 3Fallthrough-атрибути завжди йдуть на корінь, перенести їх не можна
Пояснення
Це частий випадок для обгорток полів: placeholder, aria-* і @input мають потрапити на <input>, а не на обгортку. Компоненти з кількома коренями мають прив'язувати $attrs явно.