Vue全局函数-输入框只能输入金额

首先在vue的main.js中注册全局函数，这里配合使用了element-ui的Message提示，所以得先引入

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

/*金额格式化函数*/
Vue.prototype.moneyFormat = function (val){ //moneyFormat是函数名
  let reg = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/
  if(val){
    if(reg.test(val)){
      return val
    }else {
      ElementUI.Message.error('请输入正确金额')
      return '' "
    }
  }
}

/*然后在组件中input中调用此函数*/
<el-input v-model="test" @blur="test=moneyFormat(test)" placeholder="请输入金额" ></el-input>