vue表单验证code值只能输入大写字母和_拼接的值

在Vue中，可以使用自定义指令来实现表单验证。下面是一个实现只能输入大写字母和下划线的自定义指令：

Vue.directive('uppercase', {
  update: function (el) {
    el.addEventListener('input', function () {
      let reg = /^[A-Z_]+$/;
      let value = el.value.toUpperCase().replace(/[^A-Z_]/g, '');
      if (reg.test(value)) {
        el.value = value;
        el.dispatchEvent(new Event('input'));
      } else {
        el.value = el.value.slice(0, -1);
      }
    });
  }
});

然后在模板中使用v-uppercase指令即可：

<input v-uppercase type="text" v-model="code">

这样就可以实现只能输入大写字母和下划线的表单验证了。