<!-- vue及elementUI -->
<!-- v-model監(jiān)聽數據內容及校驗規(guī)則 -->
<!-- elementUI已按規(guī)定寫好 -->
<el-input  v-model="ruleForm.computeFun" @blur="computeCash"> </el-input>
<p>{{ ruleform.numCompute }}</p>
<script>
return{
  ruleForm:{
      numCompute: ''
  },
  rules:{
      computeFun:[
          { type: 'string', required: true, message: '請輸入保留兩位小數的金額' },
          { validator: (rule, value, callback) => {
          // 保留兩位小數驗證
          if (!/^\d+(\.\d{1,2})?$/.test(value)) {
            callback(new Error('必須輸入數字，且最多保留兩位小數'))
          } else if (value > 10000000) {
            callback(new Error('不允許大于1000000'))
          } else {
            callback()
          }
        },
        trigger: 'blur'
        }
      ]}
},
methods:{
  async computeCash () {
      if (this.ruleForm.numCompute <1000000 && /^\d+(\.\d{1,2})?$/.test(this.ruleForm.numCompute)){
         //發(fā)請求的參數
         axios.xxx().then()
         this.ruleForm.numCompute = 后端拿到的數據進行處理（比如單位）
      } else {
          this.$notify({
              title: '提示‘,
              message: '必須輸入小于1000000且符合規(guī)則的數據',
              type: 'warning'
          })
      }
  }
}
}
</script>