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

 方法一

        

               

               

        

 

{{deptPersonName}}

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()

        })

      }

    },

方法二: 

        

                 value-key="value">

                :value="item">

               

        

 

{{deptPersonName}}

changeDeptValue(setval) {

         console.log(setval)

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

        this.deptPersonName = this.deptPersonValue.name

        //逻辑判断

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

      }

    },

你可能感兴趣的:(vue2,vue.js)