0
点赞
收藏
分享

微信扫一扫

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>


举报

相关推荐

0 条评论