el-input表单校验只能输入数字格式的数据

el-input表单校验只能输入数字格式的数据

html代码

<el-form ref="ruleForm" :model="ruleForm" :rules="rules"
	<el-form-item label="价格：" prop="price">
		<el-input v-model="ruleForm.price" placeholder="请输入价格">
	</el-form-item>
</el-form>

js代码

data() {
  var isNumber= (rule, value, callback) => {
    if (!Number(value)) {
      callback(new Error('请输入数字值'))
    } else {
      callback()
    }
  }
  return {
    ruleForm: {
      price: ''
    }
    rules: {
  	  taxRate: [
        { required: true, message: '请输入价格', trigger: 'blur' },
        { validator: isNumber, trigger: 'blur' }
     ]
    }
  }
}