input输入框去除两边空格和大写字母自动转小写字母

之前写了一个正则,后期加需求大写字母也不行, 但是我做的那条正则太复杂了, 加上后期的修改太费事, 我就想到直接在input上限制吧大写字母转化成小写!

//v-model.trim是去除两边空格
<el-input v-model.trim="input" placeholder="请输入内容" @input="TransFormationsFn"></el-input>

<script>
export default {
  data() {
    return {
      input: ''
    }
  },
  methods(){
  // 大写字母转为小写字母
  TransFormationsFn(e){
  this.input = e ? e.toLowerCase() : ''
  }
  }
}
</script>