element ui输入框时时输入监控

傷城~ 2022-11-26 11:00 238阅读 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 条评论，238人围观）

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

相关阅读

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

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

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

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

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

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

相关 vue实时监控textarea框输入字数

1. 实时监控当前输入字数，直接使用keyup事件方法。 2. 给输入框加maxlength属性限制长度。 > 代码 <template> <

约定不等于承诺〃/ 2023年07月13日 13:50/ 0 赞/ 22 阅读

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

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

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

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

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

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

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

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

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

相关 Element el-input 输入框详解

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

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

相关 element-ui实现input输入框金额数字添加千分位组件

创建一个amountFormat.js const MoneyTest = /((^[1-9]\d)|^0)(\.\d{0,2}){0,1}$/;

逃离我推掉我的手/ 2022年10月23日 11:25/ 0 赞/ 532 阅读

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

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

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

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

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

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