input输入框回车刷新页面

近期测试的时候发现输入框回车会刷新页面，本来只想回车搜索一下的，没想到刷新页面了
后来发现可以在表单上添加 @submit.native.prevent，基础是添加在表单的form上不是添加在输入框上

iview的表单实例

<Form :label-width="80" @submit.native.prevent>
    <Row type="flex" align="middle" class="pt30 pb20">
        <Col span="10" offset="7">
            <Input v-model="form.memberName" search enter-button placeholder="请输入" @on-search="search" @on-enter="search"/>
        </Col>
        <Col span="4">
          <Button @click="clickShow = !clickShow" class="t-green" type="text">
              <Icon type="ios-funnel-outline" size="18" /> 高级搜索
          </Button>
        </Col>
    </Row>
</Form>

element的表单实例

<el-form @submit.native.prevent>
  <el-form-item label="密码" prop="pass">
    <el-input type="password" v-model="ruleForm.pass" autocomplete="off"></el-input>
  </el-form-item>
  <el-form-item label="确认密码" prop="checkPass">
    <el-input type="password" v-model="ruleForm.checkPass" autocomplete="off"></el-input>
  </el-form-item>
</el-form>