iview的select组件 搜索功能会同时搜索label和value

Question

html:

<i-select v-model="companyId" clearable filterable>
    <i-option v-for="item in managements"
              :value="item.companyId"
              :key="item.companyId">
        {{ item.shortName }}
    </i-option>
</i-select>

js:

[
    {companyId: 6, shortName: "首金"},
    {companyId: 7, shortName: "苏宁"},
    {companyId: 8, shortName: "鄞州银行"},
    {companyId: 9, shortName: "随行付"},
    {companyId: 10, shortName: "聚有财"},
    {companyId: 15, shortName: "新首金"}
]

上截图：

搜索“1”会把companyId中带有1的项目也查出来，麻烦哪位大神看看

Answer 1

Demo

<i-option v-for="item in managements"
              :value="item.shortName"
              :key="item.companyId">

属性	说明	类型	默认值
value	选项值，默认根据此属性值进行筛选，必填	String,Number	无

Answer 2

因为我必须要使用ID，我用笨方法解决了，v-model绑定name,value也绑定name,选择之后去遍历数组,把name对应的ID取出来就可以了

Answer 3

4.2版本之后可以通过加上filter-by-label属性解决

Answer 4

              <Option
                v-for="item in vendorList"
                :value="item.id"
                :key="item.id"
                >{{ item.name + "_" + item.id }}</Option
              >

完美解决