IT俱乐部 JavaScript el-select加上搜索查询时限制开头空格输入的解决方案

el-select加上搜索查询时限制开头空格输入的解决方案

el-select加上搜索查询时,限制开头空格输入的解决方案

**1、注释:**结构中的ref和@input.native很重要


2、js中限制开头为空格时重新赋值为空

  // 开头为空格时重新赋值为空
  const eleSelect = ref()
  const trimSelect = ()=>{
    let regex = /^s*$/;
    if(regex.test(eleSelect.value.selectedLabel)){
       eleSelect.value.selectedLabel = ''
    }
  }

补充:

el-select输入框禁止用户输入空格

使用自定义指令,监听事件,当鼠标按下时阻止默认行为。

directives: {
  'my-directive': {
    bind(el, binding) {
      el.addEventListener('keydown', function(e) {
        if (e.key === ' ') {
          e.preventDefault()
        }
      })
    }
  }
},

到此这篇关于el-select加上搜索查询时,限制开头空格输入的文章就介绍到这了,更多相关el-select限制开头空格输入内容请搜索IT俱乐部以前的文章或继续浏览下面的相关文章希望大家以后多多支持IT俱乐部!

本文收集自网络,不代表IT俱乐部立场,转载请注明出处。https://www.2it.club/navsub/js/9464.html
上一篇
下一篇
联系我们

联系我们

在线咨询: QQ交谈

邮箱: 1120393934@qq.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

返回顶部