0👍
✅
This is the way I solved this problem:
Template:
<b-input type="tel" name="phone" ref="kPhone" v-model="phoneNumber" icon="phone"></b-input>
Script:
mounted() {
let element = this.$refs.kPhone.$el.querySelector('input');
new Cleave(element, {
phone: true,
phoneRegionCode: "US",
delimiter: "-"
});
}
Source:stackexchange.com