踩坑日记-可请求的select不断刷新

最新推荐文章于 2024-03-18 15:00:47 发布

IT小土豆

最新推荐文章于 2024-03-18 15:00:47 发布

阅读量380

点赞数

分类专栏：踩坑日记文章标签：前端

本文链接：https://blog.csdn.net/weixin_51361773/article/details/123797901

版权

踩坑日记专栏收录该内容

3 篇文章 0 订阅

订阅专栏

第一次使用可查询的select结果把数据库请求崩溃了，呜呜呜~~~~~~~~~~~~
看代码：

<el-select
    v-model="testValue"
    multiple
    filterable
    remote
    reserve-keyword
    placeholder="请输入关键词"
    :remote-method="testMethod()"
    :loading="loading">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>

为什么呢？？？？？？？？？？？？？？
那是因为我写成:remote-method=“testMethod()”，给方法加了括号所以前端就不断的请求后端进行查询了。
正确的代码应该是：

<el-select
    v-model="testValue"
    multiple
    filterable
    remote
    reserve-keyword
    placeholder="请输入关键词"
    :remote-method="testMethod"
    :loading="loading">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>