zoukankan      html  css  js  c++  java
  • 使用vue+iview Form组件 按enter键阻止页面刷新

    如果我们在Form组件中嵌套使用Input组件的时候,会有一个小问题,如果我们在一个Form组件中只使用了一个Input组件,当该Input组件获取焦点的时候,我们按enter键,整个页面会刷新

    解决办法:

    searchHandle获取数据的方法
    方法一、
    <Form ref="formInline" :model="jigouInfo" inline :label-width="80" @keydown.native.enter.prevent ="searchHandle">

    </Form>

    方法二、

    //也可以直接在Input组件上阻止刷新,记得要用keydown事件,不要用keyup事件哦,亲测keyup事件不起作用
    <Form ref="formInline" :model="jigouInfo" inline :label-width="80">
    <FormItem label="出版机构名称" :label-width="120">
    <Input v-model="jigouInfo.jigou_name" placeholder=""
    @keydown.enter.native.prevent="searchHandle"></Input>
    </FormItem>

    ————————————————
    版权声明:本文为CSDN博主「冰雪为融」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/lhjuejiang/article/details/84844727

  • 相关阅读:
    linux目录结构介绍
    Linux下安装Redis
    SpringBoot启动器详解pom.xml
    Linux(CentOS6.X)安装mysql
    CentOS 7 安装 MySQL
    GIT和SVN的区别
    SourceTree安装教程
    Git版本控制软件结合GitHub从入门到精通常用命令学习手册
    WIN下Git GUI 教程
    把文件(项目)上传到Git@OSC
  • 原文地址:https://www.cnblogs.com/wssdx/p/11851531.html
Copyright © 2011-2022 走看看