zoukankan      html  css  js  c++  java
  • 使用element-ui是下拉筛选选择

    后台获取的数组中每一个对象必须要有一个value字段, 因为autocomplete只识别value字段并在下拉列中显示

    为什么选择input组件群下的el-autocomplete 而不是select下的远程搜索?
    因为点击选中时可获取到选中行的附带信息即一个对象, 而select组件下的远程搜索只能选中点击的字符串.

    <el-autocomplete v-model="addressForm.linkName" :fetch-suggestions="remoteMethod" placeholder="请输入内容" @select="handleContactSelect"></el-autocomplete>

    async remoteMethod(query, cb) {
    var list = []
    if (query !== '') {
    this.queryContactList.name = query
    this.queryContactList.belongId = this.value
    try {
    const response = await fetchContactDownList(this.queryContactList)
    let resData = response.data
    if (resData.code === 0) {
    this.contactOptions = resData.data.list
    for (let i of this.contactOptions) {//在这里为这个数组中每一个对象加一个value字段, 因为autocomplete只识别value字段并在下拉列中显示
    i.value = i.contactName
    }
    list = this.contactOptions
    cb(list)
    } else {
    this.$message({
    message: resData.msg,
    type: 'error'
    })
    }
    } catch (error) {
    console.log(error)
    }
    }
    cb(list);
    },

    愿你出走半生,归来仍是少年!
  • 相关阅读:
    2021.4.2 Python基础及介绍
    2021.4.1 团队组队
    冲击信号
    信号卷积(线性卷积)
    数字图像处理基本概念
    计算机视觉发展及主要研究方向
    SVM 之 SMO 算法
    FP Growth 算法
    Apriori 算法
    26 实战页式内存管理 下
  • 原文地址:https://www.cnblogs.com/wszxx/p/9072257.html
Copyright © 2011-2022 走看看