A Vue.js filter that formats a phone number.

index.html

<input type="text"
       name="home_phone"
       class="form-control"
       v-model="homePhone | phone"
       lazy>

vuejs-filters-phone.js

/**
 * Formats a phone number.
 * Example: 123-456-7890 => (123) 456-7890
 *
 * @param {String} phone
 * @return {Void}
 */
Vue.filter('phone', function (phone) {
    return phone.replace(/[^0-9]/g, '')
                .replace(/(\d{3})(\d{3})(\d{4})/, '($1) $2-$3');
});

Hi, is there any library support this kind of format?

Just use vue-the-mask. v-mask="['(###) ###-###']"