title: Vue.Js 2 Input formatting number
body: <p>I have been struggling to get a number input to format numbers using vuejs2.</p>
  
  <p>Migrating some view logic from asp.net core 2 to vue and I was using this: </p>
  
  <pre><code>&lt;input asp-for="Model.LoanAmount" value="@(Model.LoanAmount &gt; 0 ? Model.LoanAmount.ToString("N2") : String.Empty)" &gt;
  </code></pre>
  
  <p>but that required me to reload that view onchange of the input.</p>
  
  <p>I need a way to format number inputs with US format and 2 decimal places, (1,000,000.21) but to display nothing when the model value is zero or empty.<br>
  vue-numeric does <strong>ALMOST</strong> everything, but fails for me when I try to use a placeholder.</p>
  
  <pre><code>&lt;vue-numeric v-model="vm.loanAmount" seperator="," placeholder=" " :precision="2" &gt;&lt;/vue-numeric&gt; 
  </code></pre>
  
  <p>I tried using a space for placeholder because it crashes when I use an empty string.
  This example displays 0.00 if zero or empty is inputted. I tried playing with the <strong>output-type</strong> and <strong>empty-value</strong> props.</p>
  
  <p>I'm not wedded to vue-numeric but it is handy because I don't know of a more convenient solution.</p>