键盘回车事件导致页面刷新的问题

张凡的博客

于 2021-06-11 09:30:24 发布

阅读量128

点赞数

分类专栏：前端技术文章标签： html5 html

本文链接：https://blog.youkuaiyun.com/weixin_38761920/article/details/117805330

版权

前端技术专栏收录该内容

26 篇文章

订阅专栏

        <fin-form
          :label-position="left">
          <fin-form-item :label="xxx"  class="search-box">
            <fin-input
              :placeholder="xxx"
              clearable
              @keyup.enter.native="bySearch"
              :style="{width:'240px'}"
              v-model="templateSearch"></fin-input>
          </fin-form-item>
        </fin-form>

一个表单下，如果只有一个文本框时，按下回车将会触发表单的提交事件。
既然是只有一个文本框才会出问题，那么可以加一个隐藏的文本框，如下：

<fin-input id="hiddenText" type="text" style="display:none"/>