element重置表单

点击新增按钮重置表单
弹出新增信息窗口 :

handleAdd(){
    this.diglogFormVisible=true // 控制弹出框显示隐藏
    //$nextTick()是一个异步事件
    //弹出窗口打开之后,需要加载DOM,所以不用异步事件,获取不到表单DOM
    this.$nextTick(()=>{
        this.$refs['Form'].resetFields()
    })
}

上面为一种清空方式
还有种清空方式为 :

<el-dialog :close-on-click-modal="false" :title="dialogTitle" :visible.sync="dialogFormVisible" @close="closeDialog">
</el-dialog>                <!-- ↑监听dialog关闭事件,进行表单清空,无需异步 --> 
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • <input>标签 标签用于搜集用户信息,根据不同的type属性值,输入字段拥有很多种形式。输入字段可以是文本字段...
    _空空阅读 9,524评论 0 3
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,922评论 1 11
  • 一、表单基础知识 在 JavaScript 中,表单对应的是 HTMLFormElement 类型。 HTMLFo...
    LemonnYan阅读 4,502评论 0 3
  • 界面是软件与用户交互的最直接的层,界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成...
    A梦想才让心跳存在阅读 4,716评论 0 4
  • “你发霉了,身体长了蛀虫,晒晒太阳杀杀菌吧。”听到这话,你有没有感到这是一句玩笑?你是不是会很乐意的跑到太...
    淡然听雨阅读 1,616评论 0 0

友情链接更多精彩内容