vue+ elementui 键盘事件enter 13默认刷新页面

源代码

<el-dialog :title="sendWay.type?'修改客户名称':'修改线索名称'"  :close-on-click-modal='false'  :visible.sync="dialogFormAdd" width="450px" class="dialog-pop">
      <div class="dialog-body">
        <el-form label-position="right" label-width="80px" :model="addDepart" >
          <el-form-item :label="sendWay.type?'客户名称':'线索名称'">
            {{form.name|| '-'}}
          </el-form-item>
          <el-form-item label="修改名称">
            <el-input v-model="addDepart.changeName" placeholder='请输入修改名称' ></el-input>
          </el-form-item>
          <el-form-item label="修改原因" v-if='form.name'>
            <el-input v-model="addDepart.changeRes" placeholder='请输入修改原因' type='textarea'  ></el-input>
          </el-form-item>
        </el-form>
      </div>
      <div slot="footer" class="dialog-footer" align="center"> 
        <button class="btn btn-custom-primary" @click="changeAdd()">提交修改审核</button>
        <button class="btn btn-custom-default"  @click="dialogFormAdd = false">取消</button>
      </div>
    </el-dialog>

ele ui
键盘事件 加上native触发click事件
@keyup.enter.native

依然提交之后刷新

最后看文档、

form表单组阻止默认事件.

@submit.native.prevent

完

<el-dialog :title="sendWay.type?'修改客户名称':'修改线索名称'"  :close-on-click-modal='false'  :visible.sync="dialogFormAdd" width="450px" class="dialog-pop">
      <div class="dialog-body">
        <el-form label-position="right" label-width="80px" :model="addDepart" @submit.native.prevent>
          <el-form-item :label="sendWay.type?'客户名称':'线索名称'">
            {{form.name|| '-'}}
          </el-form-item>
          <el-form-item label="修改名称">
            <el-input v-model="addDepart.changeName" placeholder='请输入修改名称' @keyup.enter.native="changeAdd()"   ></el-input>
          </el-form-item>
          <el-form-item label="修改原因" v-if='form.name'>
            <el-input v-model="addDepart.changeRes" placeholder='请输入修改原因' type='textarea' @keyup.enter.native="changeAdd()"  ></el-input>
          </el-form-item>
        </el-form>
      </div>
      <div slot="footer" class="dialog-footer" align="center"> 
        <button class="btn btn-custom-primary" @click="changeAdd()">提交修改审核</button>
        <button class="btn btn-custom-default"  @click="dialogFormAdd = false">取消</button>
      </div>
    </el-dialog>