输入框去掉两侧空格，保留中间空格

最新推荐文章于 2024-04-02 00:51:21 发布

伊丽莎白太阳花

最新推荐文章于 2024-04-02 00:51:21 发布

阅读量607

点赞数

分类专栏： vue 文章标签： elementui vue.js 前端

本文链接：https://blog.youkuaiyun.com/weixin_28898107/article/details/123569657

版权

vue 专栏收录该内容

15 篇文章

订阅专栏

本文详细介绍了在前端开发中如何处理输入框内的空格问题。通过两种方式，一是利用v-model.trim直接去除所有空格，但这会影响用户输入空格；二是通过blur事件在提交时才移除空格，确保用户可以正常输入。这两种方法各有优缺点，适用于不同的场景需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

             <el-input
                type="textarea"
                :rows="8"
                maxlength="200"
                show-word-limit
                :placeholder="isSubmitButton ? '请输入关键词' : '暂无'"
                v-model="responseForm.response"
                @blur="responseBlur"
                :disabled="!(isSubmitButton && responseForm.state == 0)"
                v-cloak
              ></el-input>
               
              methods: {
                responseBlur() {
                  this.responseForm.response = this.responseForm.response.trim()
                }
               }

1、使用v-model.trim="绑定元素"，会去掉所有空格，在输入时空格就无法输入；

2、使用blur方法让它再提交时候去掉空格即可；