vue项目js全局控制input、textarea等输入框maxlength输入长度限制

在main.js中加入下列方法进行全局控制

document.addEventListener('input',function (e) {
  // input框 type='text'
  //e.target.getAttribute('maxlength') === null，本身没有设置maxlength长度，防止全局设置覆盖所在页面设置的长度
  if(e.target.type === 'text' && e.target.getAttribute('maxlength') === null) {
    e.target.setAttribute('maxlength','50')  // 限制最长输入50个字符
  }
  // input框 type='textarea'，且本身没有设置maxlength长度
  if(e.target.type === 'textarea' && e.target.getAttribute('maxlength') === null) {
    e.target.setAttribute('maxlength','500') // 限制最长输入500个字符
  }
})

需要控制其他的可参考此方法延伸。