V-mask plugin playground

by Greg Finzer

HTML

<script src="https://unpkg.com/vue"></script>
<script src="https://cdn.jsdelivr.net/npm/v-mask/dist/v-mask.min.js"></script>
<div id="app">
  <label>
    Type phone here:
    <input type="text" v-mask="mask" v-model="inputVal" :placeholder="placeholder">
  </label>
</div>

JavaScript

// Use as plugin
Vue.use(VueMask.VueMaskPlugin);

new Vue({
  el: '#app',
  data: {
    mask: '(###) ###-####',
    placeholder: '(XXX) XXX-XXXX',
    inputVal: '',
  }
})