美文网首页
element-ui表单提交

element-ui表单提交

作者: 苍老师的眼泪 | 来源:发表于2022-05-12 19:04 被阅读0次

当element-ui只有一个el-input的时候,聚焦然后敲击键盘会刷新页面,解决方法:
给el-form设置@submit.native.prevent阻止默认事件的发生:

<template>
  <div id="app">
    <el-form @submit.native.prevent ref="form" :model="form" label-width="80px">

      <el-form-item label="活动名称">
        <el-input v-model="name"></el-input>
      </el-form-item>

    </el-form>
  </div>
</template>

<script>

export default {
  name: 'App',
  data() {
    return {
      name: '',
      age: '',
    }
  },
}
</script>

相关文章

网友评论

      本文标题:element-ui表单提交

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