Colección de citas famosas - Slogan de motivación - Uso del atributo formateador en la tabla elementUI

Uso del atributo formateador en la tabla elementUI

Se utiliza para dar formato al contenido (traducción del diccionario)

Un campo en la tabla se ve así:

Los campos devueltos por el fondo son los siguientes:

? Estado: ¿Apagado o? Estado: activado

Diccionario proporcionado en segundo plano:

El fondo muestra inglés, pero debe mostrarse en chino. Hay un cuadro de consulta de lista desplegable, ¿qué debo hacer si luego necesito que el backend envíe inglés?

Podemos coger el diccionario y montarlo:

La opción de estado se puede utilizar como lista desplegable para filtrar:

Utilizar la opción "Estado" columna del atributo del formateador de tabla:

De esta manera puedes traducir el campo al idioma que necesitas sin afectar el valor pasado al backend. Es más conveniente internacionalizarlo, porque el diccionario devuelto por el backend puede convertirse en estado:? { all: "all", off: "offline", on: "online"} u otros idiomas, no importa cómo se modifique el backend, no es necesario modificar el frontend en absoluto.