1. 定义一个el-dialog,设置“:title”
--------------注意title前面需要加冒号--------------
<el-dialog :title="titleType+'关系'" :visible.sync="dialogVisible" width="600px" ></el-dialog>
2. 初始化变量(titleType,名称自己定义)
export default {
data() {
return {
titleType:'' //此处初始化变量
}
}
}
3. 在对应需要触发当前对话框之间对变量进行赋值
<el-button type="primary" size="mini" @click="new">新建关系</el-button>
<el-button type="primary" size="mini" @click="update">编辑关系</el-button>
//点击新建关系按钮触发函数
new: function() {
this.titleType ="新建";
...
},
//点击编辑关系按钮触发函数
update: function() {
this.titleType ="编辑";
...
},
到此,动态修改对话框title功能就能够实现!!!!!