element-ui 远程搜索组件el-select在项目中组件化的实现代码

在项目中发现使用el-select时写的比较多重复代码，还有就是同一个页面使用el-select会出现label值会显示value值，
el-select组件化：

.selected ::-webkit-input-placeholder{
 color: #606266 !important;
}

主要是使用了placeholder来显示；

在父组件中:

nodeObjPerson: {
  id: 'id',
  label: 'empName'
  }

handleProductChange(val, row, field) {
   this.$set(row, field, val)
  }

可以在单选的的状态下完美解决了label显示值；

在多选状态下如何显示？

multipletrue时，暂时无法解决；只是使用了另一个组件：vue-multiselect

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。