avalon filter input的问题

又改名喽
  • 68

在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)

}
})

回复
阅读 1.9k
1 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏