VUE实现input输入框实时输入触发事件代码

 HTML部分
<span>分摊</span>
<input  type="text" id="J_month" name="share_months" class="form-90" v-on:input="calMonths()">个月&nbsp;&nbsp;
<span>每个月<span id="J_share">0.00</span>元</span>
复制代码

业务场景就是鼠标点击分摊输入框输入多少个月后面实时自动算出分摊的金额,js触发的事件是oninput   或  onpropertychange  对于JS原生写法而言， oninput 是 HTML5 的标准事件，对于检测 textarea, input:text, input:password 和 input:search 这几个元素通过用户界面发生的内容变化非常有用

JS部分
calculateMonths:function(){
   var payer = $('#J_payer').val();
   var deduct = $('#J_deduct').val();
   var month = $('#J_month').val();
   if (payer == 3) {
       var amount = $('#J_company').val();
       if (deduct == 1) {
             var pre_amount = Math.round(amount / month);
             $('#J_share').text(pre_amount);
       }else{
             $('#J_share').text(0.00);
            }
       }
       if (!month) {$('#J_share').text(0.00);}
},
复制代码