element ui输入框时时输入监控

傷城~ 2022-11-26 11:00 196阅读 0赞

效果如下：

![20200812092223224.png][]

<el-autocomplete
                  v-model="form.businessName"
                  :fetch-suggestions="querySearchAsync"
                  @select="handleSelect"
                  placeholder="请输入企业名称"
                >
        </el-autocomplete>

方法：

querySearchAsync (queryString, callback) {
          var list = [{}]
          // 调用的后台接口
          allBusiness({
            businessName:this.form.businessName
          }).then((res) => {
            // 在这里为这个数组中每一个对象加一个value字段, 因为autocomplete只识别value字段并在下拉列中显示
            for (let i of res) {
              i.value = i.businessName // 将想要展示的数据作为value
            }
            list = res
            callback(list)
          })
        },
        createStateFilter(queryString) {
          return (houseNumber) => {
            return (houseNumber.value.toLowerCase().indexOf(queryString.toLowerCase()) !== -1);
          };
        },

[20200812092223224.png]: /images/20221124/201c624d55894b1f9dc7e080117f4808.png

发表评论取消回复

表情：

评论列表（有 0 条评论，196人围观）

还没有评论，来说两句吧...

相关阅读

相关 element根据输入框内容筛选table

<template> <div class="contentpanel-layout"> <div class="contentview-lay...

￡神魔★判官ぃ/ 2024年04月18日 20:11/ 0 赞/ 36 阅读

相关 Element UI 禁用数字输入框组件添加鼠标滚动事件

Element UI 禁用数字输入框组件添加鼠标滚动事件 <el-input type="number" @mousewheel.n

妖狐艹你老母/ 2024年02月18日 12:48/ 0 赞/ 22 阅读

相关 vue实时监控输入框输入字符的长度

vue实时监控输入框输入字符的长度先看下效果图： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10

灰太狼/ 2023年01月15日 12:23/ 0 赞/ 217 阅读

相关 Element UI学习2--input输入框

1、基础用法 <template> <div> <el-input v-model="input" placeholder="请输

秒速五厘米/ 2023年01月03日 01:24/ 0 赞/ 366 阅读

相关 element ui输入框时时输入监控

效果如下： ![20200812092223224.png][] <el-autocomplete v-model="form.

傷城~/ 2022年11月26日 11:00/ 0 赞/ 197 阅读

相关 Element el-input 输入框详解

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 用途 2. 输入框 2.1 输入框基本功能 2.2 显

待我称王封你为后i/ 2022年10月26日 12:51/ 0 赞/ 708 阅读

相关基于Element ui 实现输入框封装

<template> <div class="box"> <el-input ref="money"

淩亂°似流年/ 2022年09月09日 13:50/ 0 赞/ 399 阅读

相关 element ui 输入框和Select选择器样式修改

1.输入框样式 ::v-deep .el-input__inner { border: 0; font-size: 24px;

偏执的太偏执、/ 2022年09月01日 08:53/ 0 赞/ 298 阅读

相关输入框输入字符限制

这里以数字框为例，只允许输入数字（输入限制，粘帖限制，输入法限制） <input type="text" name="Number" onKeyPress="Numbe

男娘i/ 2022年01月10日 23:43/ 0 赞/ 379 阅读

相关输入框输入验证码

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

浅浅的花香味﹌/ 2021年11月29日 15:54/ 0 赞/ 456 阅读