vue中el-select将选中的值传递到需要的位置

 方法一

<el-form-item label="选择员工">

         <el-select v-model="deptPersonValue" @change="changeDeptValue">

                <el-option v-for="item in employeeList" :key="item.employeeId"                         :label="item.name" :value="item.employeeId">

                </el-option>

        </el-select>

 </el-form-item>

<p style="font-size:28px; margin-top:40px">{{deptPersonName}}</p>

changeDeptValue(setval) {

         console.log(setval)

        let arr = this.employeeList.filter(item => {

          return item.employeeId == this.deptPersonValue

        //逻辑判断

       this.deptPersonName = arr.length == 0 ? '张X' : arr[0].name

        this.$nextTick(() => {

        //在这里处理echars图片资源使用v-show或者v-if有些数据无法显示的问题（在触发事件            中需要重新初始化）

          this.roundChartFn()

        })

      }

    },

方法二： 

<el-form-item label="选择员工">

         <el-select v-model="deptPersonValue" @change="changeDeptValue"

                 value-key="value">

                <el-option v-for="item in employeeList" :key="item.employeeId"                         :label="item.name" :value="item">

                </el-option>

        </el-select>

 </el-form-item>

<p style="font-size:28px; margin-top:40px">{{deptPersonName}}</p>

changeDeptValue(setval) {

         console.log(setval)

        //这里的name根据后端数据字段名来写

        this.deptPersonName = this.deptPersonValue.name

        //逻辑判断

       this.deptPersonName = deptPersonValue.length == 0 ? '张X' :                                                deptPersonValue[0].name

      }

    },