Helo, dalam vuejs saya ingin mengasingkan amaun dengan koma dan noktah, bagaimana saya boleh melakukan ini menggunakan penapis?
Saya harap mata wang seperti ini.
<p>1.000<span>,00</span></p>
Saya mahu bahagian yang dipisahkan koma berwarna kelabu seperti dalam imej
Vue.filter('toTL', function (value) { return new Intl.NumberFormat('tr-TR', { currency: 'TRY', minimumFractionDigits: 2}).format(value); });
Penyelesaian mudah ialah mempunyai HTML output penapis:
Penapis boleh ditulis seperti ini:
Vue.filter('toTL', function (value) { let formatted = new Intl.NumberFormat('tr-TR', { currency: 'TRY', minimumFractionDigits: 2}).format(value); let arr = formatted.split(','); return arr[0] + ',' + arr[1] + ''; });
Pautan:
String.prototype.split
Dokumentasi:https://developer.mozilla.org/ en-US/docs/Web/JavaScript/Reference/Global_Objects/String/split
Lihat juga soalan StackOverflow:
VueJS2 v-html dengan penapis