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>