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 (CNY) currency strings</h3> <p>price: {{price}}</p> <p>Format Price: {{ formattedPrice }}</p> </div> <script> const app = new Vue({ el: "#app", data() { return { price: 4567.51 }; }, computed: { formattedPrice() { // Format the price using the toLocaleString method with zn-cn locale and CNY currency return this.price.toLocaleString('zh-CN', { style: 'currency', currency: 'CNY' }); } } }); </script> </body> </html>