When iview select filterable is added, when the keyword does not exist, the drop-down box displays the solution according to the results found by the keyword.

< Select

filterable
placeholder=""
v-model="pId"
style="width:863px;"

@on-change="onSelectChange"
<Option
    v-for="item in pIdList"
    :value="item.ID+"|"+item.fullId+"|"+item.fullTitle"
    :key="item.ID"
>{{ item.fullTitle }}</Option>

< / Select >

May.19,2022

< Select

                    ref="select"
                    filterable
                    placeholder=""
                    v-model="pId"
                    style="width:863px;"
                    @on-change="onSelectChange"
                    @setQuery=""
                >
                    <Option
                        v-for="item in pIdList"
                        :value="item.ID+'|'+item.fullId+'|'+item.fullTitle"
                        :key="item.ID"
                    >{{ item.fullTitle }}</Option>
                </Select>

let obj: any = this.$refs.select;
obj.setQuery (null);
AHA, it's solved, so it's easy to enlighten ^ _ ^

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b42864-2bd99.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b42864-2bd99.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?