screen_rotation
Copied to Clipboard
<!DOCTYPE html> <html> <head> <script src="https://cdn.jsdelivr.net/npm/vue@3.2.12/dist/vue.global.prod.js"></script> </head> <body> <div id="app"> <h3>Vue Js Convert Numbers to K,M,B</h3> <p>1000: {{ formatNumber(1000) }}</p> <p>100000: {{ formatNumber(1000000) }}</p> <p>1000000000 : {{ formatNumber(1000000000) }}</p> </div> <script type="module"> const app = Vue.createApp({ methods: { formatNumber(number) { const formattedNumber = new Intl.NumberFormat('en-US', { notation: 'compact', compactDisplay: 'short', }).format(number); return formattedNumber; }, }, }); app.mount("#app"); </script> <style> #app { max-width: 400px; background-color: #ffffff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin: 0 auto; } </style> </body> </html>