Tengo un componente de entrada como este:
<template> <div> <input v-bind="$attrs"/> </div> </template>Quiero vincular atributos de entrada (como enfoque automático, marcador de posición y...) solo en la etiqueta de entrada, pero también se vincula en la etiqueta div principal. La etiqueta div es importante y no puedo ignorar esta etiqueta en el componente de entrada. ¿qué ocurre?
Cuando hay un solo elemento raíz (como el div en su caso), los atributos se aplican automáticamente a ese elemento.
Puede deshabilitar ese comportamiento inheritAttrs=false :
<script> export default { inheritAttrs: false, } </script>