vue中elementui el-input绑定的值如何过滤掉输入的空格？

在vue中可以在@input事件中使用Trim函数来去掉前后两端空格，再使用replace方法来删除中间空格，此时的值删除所有空格，用户输入值中的空格就会被过滤掉了。

<template>
	<div>
  	<el-input v-model="searchValue" @input="handleInput"></el-input>
  </div>
</template>
<script>
	export default {
  	data() {
    	return {searchValue: "",}
    },
    methots() {
    	handleInput() {
      	let value = searchValue.Trim();//使用javascript内置的函数Trim()函数来删除任何前导或尾随空格
        this.searchValue = value.replace(" ","");//Replace()方法来删除任何中间空格
      }
    }
  	
  }
</script>