screen_rotation
Copied to Clipboard
<!DOCTYPE html> <html lang="en"> <head> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app"> <h3>Vue js format numbers as (USA) currency strings</h3> <p>price: {{price}}</p> <p>format Price: {{ formattedPrice }}</p> </div> <script> const app = new Vue({ el: "#app", data() { return { price: 1234.56 }; }, computed: { formattedPrice() { // Format the price using the toLocaleString method with en-US locale and USD currency return this.price.toLocaleString('en-US', { style: 'currency', currency:'USD' }); } } }); </script> </body> </html>