我是靠谱客的博主 彪壮小兔子,最近开发中收集的这篇文章主要介绍vue3,ts,el-input的enter事件,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

当el-form只有一项内容时,按entere键会出现一些错误,我们可以在el-form加onSubmit,来阻止默认事件。

return ()=>{
<>
<el-form model={formData} onSubmit={(e: Event) => {  handleEnter(e);  }}  >
    <el-form-item label="数量:" prop="num">
       el-input v-model={data.num} ></el-input>
    </el-form-item>
</el-form>
</>

// 阻止默认事件
const handleEnter = (e: Event) => {
      e.preventDefault();
      handleClickConfirm();
    };
}

最后

以上就是彪壮小兔子为你收集整理的vue3,ts,el-input的enter事件的全部内容,希望文章能够帮你解决vue3,ts,el-input的enter事件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(45)

评论列表共有 0 条评论

立即
投稿
返回
顶部