8-Vue中使用elment的el-dialog,关闭对话框清除表单信息

用Vue做增删改查的简单页面操作,点击新增按钮弹出对话框,以form表单的形式展现,在输入框中填写信息确定提交,但第二次点击后总会有上次的信息存在,所以关闭弹窗后,需要清除对话框中表单的所有信息1.首先在div布局中放置button按钮<el-button @click="handleAdd()">新建</el-button>2.编写弹窗 在di...
摘要由CSDN通过智能技术生成

      用Vue做增删改查的简单页面操作,点击新增按钮弹出对话框,以form表单的形式展现,在输入框中填写信息确定提交,但第二次点击后总会有上次的信息存在,所以关闭弹窗后,需要清除对话框中表单的所有信息

1.首先在div布局中放置button按钮

<el-button  @click="handleAdd()">新建</el-button>

2.编写弹窗 在div中即可,只要位于整体的大盒子中,位置好像都可以,可以引用elment-UI中写好的,只要对应上就行

注:默认<el-dialog title="新建" :visible.sync="dialogAdd" @close='closeDialog'>中没有@close,所以需要单独写一个方法

 <!-- 新建——弹窗 -->
          <el-dialog title="新建" :visible.sync="dialogAdd" @close='closeDialog'>
            <el-form label-width="80px" :model="addLable">
              <el-form-item label="序号">
                <el-input v-model="addLable.num" />
              </el-form-item>
              <el-form-item label&#
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值