Estoy tratando de hacer una lista de tareas usando javascript (vue.js y node.js) donde los elementos de la lista tienen diferentes colores según sus propiedades. Por ejemplo, si un elemento de la lista tiene una fecha de propiedad que está a menos de tres días de la fecha actual para tener un color de fondo rojo y los elementos de la lista que tienen fechas que están a más de tres días de la fecha actual para tener color de fondo verde. ¿Es posible lograr esto?
Crearía un método que tome su elemento y devuelva una cadena, objeto o matriz de estilo o clase. Luego vincule el valor devuelto a su estilo o clase.
<div :style='getStyle(item)' :class='getClass(item)' />
getStyle(item) { // your logic returning a style object }
getClass(item) { // your logic returning a string, string array, or object. }
Puede encontrar más detalles aquí: https://vuejs.org/v2/guide/class-and-style.html