vue+elementui 新增和编辑如何实现共用一个弹框

//html代码：
　//按钮
　新增

　　编辑

　　

　　//弹框

 1 <el-dialog 
 2     :title="titleMap[dialogStatus]"
 3     :visible.sync="dialogFormVisible" >
 4         <el-form :model="form">
 5             <el-form-item label="major" >
 6             <el-input v-model="form.major" auto-complete="off">el-input>
 7             el-form-item>
 8             <el-form-item label="minior" >
 9                 <el-input v-model="form.minior" auto-complete="off">el-input>
10             el-form-item>
11             <el-form-item label="mac">
12                 <el-input v-model="form.mac" auto-complete="off">el-input>
13             el-form-item>
14             <el-form-item label="出场时间">
15                   <div class="block" style="margin-top:40px">
16                     <el-date-picker
17                     v-model="form.date"
18                     type="date"
19                     placeholder="选择日期">
20                     el-date-picker>
21                 div>
22             el-form-item>
23         el-form>
24         <div slot="footer" class="dialog-footer">
25             <el-button @click="dialogFormVisible = false">取 消el-button>
26             <el-button type="primary" @click="dialogFormVisible = false">确 定el-button>
27         div>
28 el-dialog>

//javascirpt：

 1        

 

转载于:https://www.cnblogs.com/hj0711/p/9172391.html