用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&#