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

2020-06-13 06:02:31易采站长站整理

color: #606266 !important;
}
</style>

主要是使用了placeholder来显示;

在父组件中:


<SeletcRemote
v-model="nodeOperate.saleEmp"
:keyword-attr="nodeObjPerson"
:keyword-options="empOptions"
:clear="true"
:obj="true"
:select-loading="selectLoading"
@remoteMethod="remoteMethod"
@changeSelect="handleProductChange($event, nodeOperate, 'saleEmp')"
/>


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


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

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

在多选状态下如何显示?

multipletrue时,暂时无法解决;只是使用了另一个组件:vue-multiselect