如何给element 的 dialog设置动态标题

首先再标签绑定 :title=“titleMap[dialogStatus]”

<el-dialog :title="titleMap[dialogStatus]" :visible.sync="templateManagement" width="45%" top="5%" :modal-append-to-body="false" >
            <div>
                <el-form :inline="true" :model="templateManagementFrom" ref="formInline" class="demo-form-inline" >
                    <el-form-item label="规则名称" prop="name">
                        <el-input v-model="templateManagementFrom.name" placeholder="规则名称" style="width:100%"></el-input>
                    </el-form-item>
                    <el-form-item label="规则编号" prop="number">
                        <el-input v-model="templateManagementFrom.number" placeholder="规则编号"></el-input>
                    </el-form-item>
                    <el-form-item>
                        <el-button type="primary" @click="buildOnSubmit()">查询</el-button>
                    </el-form-item>
                    <el-form-item>
                        <el-button type="primary" @click="buildClearForm()">清除</el-button>
                    </el-form-item>
                </el-form>
            </div>
</el-dialog>

然后再data中申明变量和object

titleMap:{
                    seeDialogTltle:'查看模板',
                    addDialogTitle:'新建派生模板'
                },
                dialogStatus:'',

最后在方法中调用

            BuiltSee(){
                this.templateManagement= true
                this.dialogStatus = 'seeDialogTltle'
            },
            BuiltDerive(){
                this.templateManagement= true
                this.dialogStatus = 'addDialogTitle'
            },