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

//html代码：
　//按钮
　<el-button type="primary" size="medium" @click="addEquipment">新增</el-button>

　　<el-button type="text" size="medium" @click="handelEdit(scope.$index, scope.row)">编辑</el-button>

　　

　　//弹框

 <el-dialog
     :title="titleMap[dialogStatus]"
     :visible.sync="dialogFormVisible" >
         <el-form :model="form">
             <el-form-item label="major" >
             <el-input v-model="form.major" auto-complete="off"></el-input>
             </el-form-item>
             <el-form-item label="minior" >
                 <el-input v-model="form.minior" auto-complete="off"></el-input>
             </el-form-item>
             <el-form-item label="mac">
                 <el-input v-model="form.mac" auto-complete="off"></el-input>
             </el-form-item>
             <el-form-item label="出场时间">
                   <div class="block" style="margin-top:40px">
                     <el-date-picker
                     v-model="form.date"
                     type="date"
                     placeholder="选择日期">
                     </el-date-picker>
                 </div>
             </el-form-item>
         </el-form>
         <div slot="footer" class="dialog-footer">
             <el-button @click="dialogFormVisible = false">取 消</el-button>
             <el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>
         </div>
 </el-dialog>

//javascirpt：

 <script>
 export default {
     data() {
         return{
                 dialogFormVisible:false,
                 form:{
                     major:"",
                     minior:"",
                     mac:"",
                     date:""
                 },
                 //新增or编辑弹框标题(根据点击的新增or编辑按钮显示不同的标题)
                 titleMap: {
                     addEquipment:'新增设备',
                     editEquipment: "编辑设备"
                 },
                 //新增和编辑弹框标题
                 dialogStatus: "",
     },
     method:{
             //新增
             addEquipment() {
                 //显示弹框
                 this.dialogFormVisible = true;
                 //新增弹框标题
                 this.dialogStatus = "addEquipment";
             },
             //编辑
             handelEdit() {
                 //显示弹框
                 this.dialogFormVisible = true;
                 //编辑弹框标题
                 this.dialogStatus = "editEquipent"
             },
     }
 }
 </script>