如何动态修改select的值_3步解决eldialog 动态修改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>

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

   扣过关注的就是自己人了-THE END -