如何在不使用库的情况下在Vuejs中手动限制Otp输入字段maxlength为1？

Vue.directive('otp-maxlength', {
  bind: function(el) {
    el.addEventListener('input', function(e) {
      if (e.target.value.length > 1) {
        e.target.value = e.target.value.slice(0, 1);
      }
    });
  }
});

<template>
  <div>
    <input type="text" v-otp-maxlength>
  </div>
</template>