Formato para el peso colombiano
const currencyFormater = new Intl.NumberFormat(("es-CO"), {
style: "currency", currency: "COP"
})
Introducción
Construye una aplicación para el control de tus gastos con Vue.js
Creación del proyecto
Setup inicial
Splashscreen
Header y contenido
Layout
Vista
Resumen de datos
Agregando formato a la moneda
Componente del historial
Lista del historial
El botón para agregar
Formulario para agregar
Gráfico
Creación del SVG del gráfico
Creación de las coordenadas en el gráfico
Creación de la lógica del gráfico
Creando la interacción con el gráfico
Modelo
Modelo de datos
Agregar y quitar
Persistencia del modelo
Últimos detalles de nuestra aplicación
Cierre
Poniendo nuestra aplicación en producción en Netlify
¿Quieres más cursos de Vue?
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Diana Martínez
Aportes 23
Preguntas 2
Formato para el peso colombiano
const currencyFormater = new Intl.NumberFormat(("es-CO"), {
style: "currency", currency: "COP"
})
los que lo esten realizando con composition api no olviden el .value
const amountCurrency = computed(() => {
return currencyFormatter.format(amountVisual.value);
});
Para el formato de Bolívar Venezolano
<
const currencyFormater = new Intl.NumberFormat("es-VE", {
style: "currency",
currency: "VES",
});
>
Formato para el peso Argentino!
const currencyFormatter = new Intl.NumberFormat("es-AR", {
style: "currency",
currency: "ARS",
También pueden usar el método toLocaleString
que tiene los Numbers
, con los mismos parámetros que la profe comparte en el video, sería algo como:
amountVisual() {
const amount = this.label ? this.amount : this.totalAmount;
return amount.toLocaleString("es-CO", {
style: "currency",
currency: "COP"
});
},
Lo que si deben de estar seguros es que la variable sobre la que estan trabajando, en este caso
amount
, sea unNumber
Formato para nuevo sol moneda peruana!!!
const currencyFormatter = new Intl.NumberFormat("es-PE", {
style: "currency",
currency: "PEN",
});
BOLIVIA
const currencyFormatter = new Intl.NumberFormat(“es-BO”, {
style: “currency”,
currency: “BOL”,
});
Formato - Paraguay
const currencyFormatter = new Intl.NumberFormat("es-PY", {
style: "currency",
currency: "PYG",
});
Para Guatemala :,v
const currencyFormater = new Intl.NumberFormat("es-GT", {
style: "currency",
currency: "GTQ",
});
Dejo por aquí el de España por si alguien lo necesita
const currencyFormater = new Intl.NumberFormat("es-ES", {
style: "currency",
currency: "EUR",
});
para formato de Guatemala
const currencyFormatter = new Intl.NumberFormat("es-GT",{
style:"currency",
currency:"GTQ",
});
Podemos darle formato de moneda a los números con JS vanilla:
const currencyFormatter = new Intl.NumberFormat("es-MX", {
style: "currency",
currency: "MXN",
});
amountCurrency() {
return currencyFormatter.format(this.amountVisual);
}
amountVisual() {
const monto = this.amount ?? this.totalAmount
return monto.toLocaleString('es-VE', {
style: 'currency',
currency: 'VES',
})
},
Faltaba el de mi México Lindo ❤️
const currencyFormatter = new Intl.NumberFormat("es-MX", {
style: "currency",
currency: "MXN",
});
Para Ecuador:
const currencyFormatter = new Intl.NumberFormat("es-EC", {
style: "currency",
currency: "USD",
});
Formato para El Salvador
const currencyFormater = new Intl.NumberFormat("es-SV", {
style: "currency",
currency: "USD",
});
Para Ecuador
const const currencyFormatter = new Intl.NumberFormat("es-EC", {
style: "currency",
currency: "USD",
});
awesome seeing how to integrate everything we have learned
const currencyFormatter = new Intl.NumberFormat("es-CO", {
style: "currency",
currency: "COP"
});
Formato para el Lempira hondureño:
const currencyFormatter = new Intl.NumberFormat("es-HN", {
style: "currency",
currency: "HND",
});
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?