• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

269
Views
¿Cómo tener diferentes colores para diferentes elementos de la lista en Vue.js?

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?

about 3 years ago · Juan Pablo Isaza
1 answers
Answer question

0

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

about 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error