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

小马哥呀!

已于 2022-03-25 14:48:39 修改

阅读量780

点赞数 1

文章标签：前端正则表达式 vue.js

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

本文链接：https://blog.csdn.net/xiaomage_ya/article/details/123735145

版权

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