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功能就能够实现!!!!!

发布了39 篇原创文章 · 获赞 46 · 访问量 219万+

猜你喜欢

转载自blog.csdn.net/fufu_good/article/details/104891750
今日推荐