Vue · Middle · Frage 12 von 75
Wie wendet man Fallthrough-Attribute auf ein inneres Element statt auf die Wurzel an?
<script setup>
defineOptions({ inheritAttrs: false });
</script>
<template>
<label class="field"><input v-bind="$attrs" /></label>
</template>- 1
inheritAttrsabschalten und$attrsan das Element binden - 2
:deep()im Template am Zielelement nutzen - 3Gar nicht: sie gehen immer an die Wurzel und lassen sich nicht verschieben
Antwort zeigen
Richtige Antwort: inheritAttrs abschalten und $attrs an das Element binden
Erklärung
Das ist bei umhüllten Inputs üblich: placeholder, aria-* und @input sollen das <input> erreichen, nicht den Wrapper. Komponenten mit mehreren Wurzeln müssen $attrs explizit binden.