Monday, March 4, 2019

How do I format number in a Vue component?

I would write method for that, and then where you need to format number you can just put method in template and pass value down

methods: { 
    formatNumber(value) {
    let val = (value/1).toFixed(2).replace(',', '.')
    return val.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")
   },
}


And then in template:

<template>
    <div>
        <div class="panel-group"v-for="(value,index) in list">
            <div class="col-md-8">
                <small>
                   Total: <b>{{formatNumber (value.total) }}</b>
                </small>
            </div>
        </div>
    </div>
</template>

No comments:

Post a Comment

Ajax load lage with laravel.

 step-1:  HTML <div class="row">                     <div class="col-lg-12">                           <d...