根据要求用到select远程搜索功能,并且如果已经添加过得,禁止添加。
结果显示为:
前端页面代码为:
<el-form-item label="SKU名称" prop="skuId">
<el-select v-model="formData.skuId" filterable remote placeholder="请输入关键词" clearable :remote-method="remoteMethod" :loading="loading" >
<el-option
v-for="(item, index) in skuData"
:key="index"
:label="item.spgg"
:value="item.id"
:disabled="item.disabled"
>
</el-option>
</el-select>
</el-form-item>
这里的 item.disabled,是我在后台定义的<