Vue使用vux-ui自定义表单验证遇到的问题及解决方法

<x-input type="number" v-model="code" placeholder="请输入验证码" :is-type="codeValue" />export default {  data() {    return{      code: '',      codeValue: function(value){        return {          valid: value.length === 4,          msg: "验证码有误!"        }      }    }  }}

<x-input type="number" v-model="code" placeholder="请输入验证码" :is-type="codeValue" ref="refcode" @on-change="keyDown" /><x-button action-type="submit" :disabled="disabled">完成</x-button> export default {    data() {      return{        code: '',        disabled: true,        codeValue: function(value){          return {            valid: value.length === 4,            msg: "验证码有误!"          }        }      }    },    methods: {      keyDown(){        if(this.$refs.refcode.valid == true && this.code != ''){          this.disabled = false;        }else{          this.disabled = true;        }      }    }  }