模糊查询（一）

最新推荐文章于 2024-08-05 22:20:34 发布

迈动888

最新推荐文章于 2024-08-05 22:20:34 发布

阅读量77

点赞数

文章标签： elementui vue.js javascript

本文链接：https://blog.csdn.net/maidong888/article/details/126193850

版权

代码这样

看完这个相信你已经明白了

记得别忘了遍历的数组要加到data的retrun里面

好了这些东西知道怎么用的就行

下面开始修仙吧 cv秘籍

------------------------------------------------------------------

 <el-form-item label="牛舍" prop="breedPenId">
        <el-select
       style="width:100%"
            v-model="form.breedPenId"
            placeholder="请输入"
            filterable
            multiple
            remote 
            clearable
            :loading="loading"
            :remote-method="selectBreedPenId"

          >
            <el-option
              v-for="item in selectBreedPenIdList"
              :key="item.id"
              :label="item.name"
              :value="item.id"
            ></el-option>
          </el-select>
      </el-form-item>

----------------------------------------------

selectBreedPenId(query) {
      if (query !== '') {
        this.selectBreedPenIdList = []
        this.loading = true
        SouGetPen(query).then(res => {
          this.loading = false
          this.selectBreedPenIdList = res.data.filter(item => {
            return item.name.toLowerCase()
              .indexOf(query.toLowerCase()) > -1
          })
        })
      } else {
        this.selectBreedPenIdList = []
      }
    },