JSFiddle - React, Tailwind, and code Playground

by budiadiono

HTML

<script src="https://code.jquery.com/jquery-1.10.0.min.js"></script>
<script src="https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/dist/jquery.inputmask.bundle.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.js"></script>
<div id="demo">
  <v-decimal></v-decimal>
</div>

JavaScript

$(document).ready(function(){

	Vue.elementDirective('v-decimal', {
  	bind() {
    	var input = $('<input>').appendTo(this.el);
      updateMask();


      function updateMask() {
        input['inputmask']('decimal', {			
            radixPoint: ',',
            groupSeparator: '.',
            autoGroup: true,
            oncomplete: () => {

            }
        });
      }
    }
  });
  
  
  var demo = new Vue({
  	el: '#demo'
  })
	
  
})