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);
    },

    愿你出走半生,归来仍是少年!
  • 相关阅读:
    图片延迟加载方法
    mongodb常用命令
    未知尺寸元素水平垂直居中:
    nodejs学习之加密
    nodejs学习之events的使用
    nodejs学习之events
    学习Nodejs之mysql
    PHP之几道面试题
    Jquery学习插件之手风琴
    我的第一篇博客
  • 原文地址:https://www.cnblogs.com/wszxx/p/9072257.html
Copyright © 2011-2022 走看看