el-dialog 動態修改title值

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章