解决：el-select 数据回显后，无法选中赋值问题

这是要回显的部门信息，如图所示

图1：从后台拿回数据显示为admin

图2：拿到数据后回显

图3：当我想要选中其它选项的时候，控制台能拿到这一项的id，但是文字没有显示到select中

好了，现在就看怎么解决的吧

html:

<el-form-item label="角色" prop="roleId ">
	<el-select v-model="roleForm.roleId " placeholder="请选择" clearable @change="roleChange">
		<el-option
			v-for="item in roleArr"
	        :key="item.id"
	        :label="item.roleName"
	        :value="item.id">
	     </el-option>
     </el-select>
</el-form-item>

js:

roleForm:{
	roleId:'',
	roleName:''
},

roleChange(id){ //这个id是:value="item.id"中的id
      this.roleForm.roleId=id;
      var obj = {};
      //roleArr是下拉列表绑定的数组
      obj = this.roleArr.find(function(item){
        return item.id === id
      })
      this.roleForm.roleName=obj.roleName;
},

完结撒花