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中的價錢爲空
          }
     }
}