腾讯实习的跟进的项目已告一段落，由于个人原因小编准备转岗，顺便准备下春招，接下来将陆续发布我的面试题篇章！



3步解决el-dialog 动态修改title值_动态显示


先给大家引入一个场景，假如你有一棵树，或者一个按钮，你点击这个树上的节点或者点击这个按钮，出来的对话框是一样的，但是对话框左边的提示不一样，比如点击张三这一列，弹窗title为张三信息，点击李四的为李四的，这时候就需要用到动态添加title的概念，再比如我点页面树的节点 会出来添加人员按钮 点击添加人员 会出来这个dialog对话框 左上角有个添加人员 我需要在点击按钮的饿时候知道 我在给树的哪个节点添加人员 这时候就需要动态显示 添加*人员 而此时的就是树的节点的名称 我这个树的数据在table.vue 里面，我要想拿到这个节点的名字，我需要涉及到组件传值问题，话不多说上代码：

1. 定义一个el-dialog，设置“:title”


<el-dialog :title="'操作账号：'+account" :visible.sync="dialogFormVisible" width="400px">
            <el-form :model="form">
                <el-form-item label="请输入新密码">
                    <el-input v-model="form.name"></el-input>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="dialogFormVisible = false">取 消</el-button>
                <el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>
            </div>
        </el-dialog>


2. 初始化变量（account，名称自己定义）

export default {
  data() {
    return {
      //此处初始化变量
           dialogFormVisible: false,
           formLabelWidth: '30px',
           form: {
                   name: '',
                },
           account:''      
    }
  }
}


3. 在对应需要触发当前对话框之间对变量进行赋值

<el-button  @click="changePassword(scope.row)">更改</el-button>


经历过校招手撕代码的毒打，懂得了问题再小，百练不慌的道理，所以码友们不要光看还要多实践哦~~


3步解决el-dialog 动态修改title值_赋值_02

   扣过关注的就是自己人了


-

THE END -


​