v-model中使用过滤器

1. v-model不能使用过滤器（filter）的替代或者解决方法;

2. 如图：页面中有v-model需要在输入时验证格式的时候(  <input v-model='price' />);

   

3. 官方给出的方法是使用computed，但是多个框时computed不能很好的复用；

4.   使用input事件，通过传值验证输入框中的内容（如果有更好的方法欢迎留言(●'◡'●) ），直接上代码：

<input v-model="price" @input="priceFormat('price',price)"/>

data(){
    return {
       price:'',//价钱
    }
},
methods: {
    /*价格过滤
     *data：对应data中的名称，是字符串,val：对应data中的值
    */
    priceFormat(data,val){
         if(!/^\d*?\.?\d*?$/.test(val)){
             this[data]='';//修改data中的价钱为空
          }
     }
}