vue表单中,自动过滤前后空字符,再也不用正则表达式了

vue表单项目中,有时候需要用户输入域一些数据便于查询,但不经意间输入一些空格元素,导致一些问题出现,一般前端的小伙伴们都会加上一些格式校验,比如正则表达式之类的。

这样就能去除部门空格元素,不反对这样做,只要能达到目的就不是什么问题。今天我们看一个简单的办法

<div id="app">
    <input v-model="msg">
</div>

var app = new Vue({
  el: '#app',
  data() {
    return {
     msg:"3333"
    }
  }, 
  methods: {

  }
});

只要在用户输入的时候加上 .trim 就可以自动过滤用户输入的首尾空白字符

posted @ 2021-08-02 09:28  li阿根  阅读(1031)  评论(0编辑  收藏  举报