el-input回车会自动刷新页面原因及解决方法

问题原因:

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

解决方法:

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

        <el-form @submit.native.prevent>

方法解释:

        @submit.native.prevent

        submit 顾名思义就是提交

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

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


版权声明:本文为weixin_61469359原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。