avalon filter input的问题

Question

在input上加了个双工绑定
<input ms-duplex="@form_data.age|filterNumber(1,100)" type="number" >

过滤器代码

avalon.filters.filterNumber = function (value,min, max) {

       //value = +value.replace(/[^\d]*/ig,'');
       if(typeof min != 'undefined'){
         if(value < min){
           value = min;
         }
       }

       if(typeof max != 'undefined'){

         if(value > max){
           value = max;
         }
       }

   return value;
}

然后奇怪的问题出现了，第一次超过max的值会重置
在输入就不会了。。

然后我用了下watch 还是不好使，灵机一动加了个setTimeout妥了

form_vm.$watch("form_data.age", function observe(a, b) {

if(a > 100){console.log(a)

 setTimeout(function(){
   form_vm.form_data.age = 100;
 },100)

}
})

Answer 1

不建议在任何表单控件中对双向绑定值使用过滤器。
原因在于，经过过滤器导致的input控件值的变动并不会被avalon监测扫描。也就是说你输入值1000，过滤器会自动将其改成100，但双向绑定该控件的变量值form_data.age是1000，不会是100。这与直觉预期相差很大。