html代码

<input v-model="code_data" type="text" maxlength="24" @input="change" placeholder="请输入20位激活码">

这里说一下虽然限制的输入20个字符但是最大却必须24位，因为空格也要站位

js代码

change(e) {
    var $this = e.target; // 获取dom
    // 正则匹配：大小字母加数字-每四个字符加空格-删除最后一位空格（用于展示）
    this.code_data = $this.value.replace(/[^0-9A-Za-z]/g,'').replace(/(.{4})/g,'$1 ').replace(/ $/g,'');
    var data = this.code_data.replace(/ /g,'') // 匹配去掉所有空格（用于提交）
    if(data.length==20){ 
        this.active = true // 开启激活按钮
        //this.check_code() // 校验激活码
    }else{
        this.active = false // 关闭激活按钮
    }
},