Tengo un error de análisis de ES Lint en mi página de Vue. Esto ocurre porque mi parámetro que estoy pasando al método contiene un "." símbolo.
Error - Syntax Error: Unexpected token (1:1628) <div class="text-sm font-medium" v-bind:class="{ highlight(coin.price_change_percentage_24h) }">¿Cuál es la solución a esta sintaxis? ¿Hay alguna forma de escapar de esto en el archivo de plantilla?
El código completo se puede encontrar aquí
¡Gracias de antemano por cualquier ayuda!
Defina el highlight como una propiedad calculada que devuelve una función que toma el precio como parámetro:
computed:{ highlight(){ return (priceChange)=>{ if(priceChange < 0) { return 'text-red-900' } if(priceChange > 0) { return 'text-green-900' } return ''; } } }, y vincularlo a la clase sin usar {} :
<div class="..." v-bind:class="highlight(coin.price_change_percentage_24h)">