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功能就能夠實現!!!!!