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

原创已于 2022-03-25 14:48:39 修改 · 918 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #正则表达式 #vue.js

于 2022-03-25 14:40:57 首次发布

本文介绍了一种在前端实现的方法，通过使用Vue.js框架中的事件监听功能，将用户输入的大写字母自动转换为小写，确保输入内容符合规定格式。

之前写了一个正则,后期加需求大写字母也不行, 但是我做的那条正则太复杂了, 加上后期的修改太费事, 我就想到直接在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>