Quiero pasar las pseudoclases de TailwindCSS a un componente secundario. Sin embargo, aparece un mensaje de error ( Error de análisis. Token inesperado:... ).
Aquí está mi código:
<cartImage :images="p.images" :classNames="hover:grow hover:shadow-lg" />Parece que solo necesita pasar un valor estático a la propiedad classNames . Entonces solo necesitas quitar los dos puntos así:
<cartImage :images="p.images" classNames="hover:grow hover:shadow-lg" />Cuando haces esto:
:classNames="hover:grow hover:shadow-lg" pensará en hover:grow hover:shadow-lg como una declaración o variable válida, lo que fallará en este punto.
Si desea pasar una String , tiene 2 opciones :
Ya sea con un apoyo estático
classNames="hover:grow hover:shadow-lg" O envuelve la entrada dentro de 2 comillas simples '...' :
:classNames="'hover:grow hover:shadow-lg'"