美文网首页
vue enter 刷新页面

vue enter 刷新页面

作者: LingSun | 来源:发表于2019-08-09 15:55 被阅读0次
    el-form表单里,给el-input标签添加enter事件,回车时刷新页面
    解决方案:在el-form标签里添加@submit.native.prevent
    <el-form :model="form" ref="form" size="mini" :rules="rules" label-width="90px" @submit.native.prevent>
      <el-form-item label="联系电话:" prop="phone">
        <el-input v-model="form.phone" placeholder="请输入联系电话" @keyup.enter.native="onQuery"></el-input>
      </el-form-item>
      <el-form-item label="" label-width="0">
        <el-button type="primary" @click="onQuery">查 询</el-button>
      </el-form-item>
    </el-form>
    

    相关文章

      网友评论

          本文标题:vue enter 刷新页面

          本文链接:https://www.haomeiwen.com/subject/xxyhjctx.html