el-select搜索选项

• 当我们有多个选项时，我们一般会使用下拉选择器el-select展示选项，选项不多的情况下，我们可以进行手动下拉选择。
• 那当选项有100个，甚至1000个的时候，需要一个个找选项，手动下拉选择就太累了，这时候我们可以利用搜索功能快速查找选项

  1. 本地搜索（label）

  可以利用搜索功能快速查找选项

  • 为el-select添加filterable属性即可启用搜索功能。
  • 默认情况下，Select 会找出所有label属性包含输入值的选项。

    

    • 如果希望使用其他的搜索逻辑，可以通过传入一个filter-method来实现。filter-method为一个Function，它会在输入值发生变化时调用，参数为当前输入值。比如我们想用value来作为关键词搜索

      这时候就是用的value来搜索了

      

      2. 远程搜索（结合后端接口）

      从服务器搜索数据，输入关键字进行查找

      • 为了启用远程搜索，需要将filterable和remote设置为true，同时传入一个remote-method。
      • remote-method为一个Function，它会在输入值发生变化时调用，参数为当前输入值。
      • 需要注意的是，如果el-option是通过v-for指令渲染出来的，此时需要为el-option添加key属性，且其值需具有唯一性，比如此例中的item.value。

        这样我们的选项就是从后端服务器上获取的了，如何搜索就按后端接口规定的参数来