问题原因:

form表单中只有一个输入框的时候,在输入框中按下回车就是提交该表单并且会自动刷新页面。知道原因就好解决了。

解决方法:

在<el-form>上加上@submit.native.prevent来阻止原始提交事件,就是阻止默认刷新页面,但回车事件依旧会触发。

 <el-form @submit.native.prevent>
 </el-form>

方法解释:

  @submit.native.prevent

   submit 顾名思义就是提交

  .native 表示对一个组件绑定系统原始事件

  .prevent 表示提交以后不刷新页面

el-input 绑定键盘enter事件

<el-input type="textarea" class="talk-textarea" v-model="message"
          @keyup.enter.native="enterFun">
</el-input>

 

 

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐