iview Select 数据不及时刷新问题

最新推荐文章于 2023-11-29 18:30:07 发布

原创最新推荐文章于 2023-11-29 18:30:07 发布 · 4.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#Vue #iview

Vue 专栏收录该内容

1 篇文章

订阅专栏

博客指出在Vue搜索后台数据时，若输入关键字有数据但界面不刷新显示存在BUG。解决办法是要把输入关键字信息包含在label或<Option></Option>中，否则界面无法立即显示数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <FormItem label="客户" prop="custname">
                  <Select
                    v-model="formData.custname"
                    :remote-method="getRemoteCustomer"
                    remote
                    filterable
                    placeholder="请输入供应商名称查询"
                    @on-change="fn_select_customer"
                  >
                    <Button
                      icon="md-add"
                      :type="customer_status"
                      size="small"
                      slot="prefix"
                      @click="fn_edit_customer"
                    ></Button>
                    <Option
                      :value="item.cnname"
                      :label="item.cnname"
                      v-for="(item,index) in remoteCustomerList"
                      :key="index"
                    >[{{item.assistwords}}]{{item.cnname + item.enname }}</Option>
                  </Select>
                </FormItem>

在搜索后台数据的时候，如果输入的关键字有数据，但是不刷新显示，这里存在一个BUG，必须要把输入关键字的信息也包含在label 或者<Option></Option>中，否则界面不立即显示。