elementUI模糊查询下拉选中

约定不等于承诺〃 2023-02-25 07:07 7阅读 0赞

## JS ##

querySearch(queryString,cb) {
            if(queryString){
                Api.JHAjAx({
                    reelCode:queryString,
                    status:1
                }).then(res=>{
                    console.log(res.data)
                    if(res.data.code == 0){
                        let arr = res.data.dataList.rows;
                        cb(arr)
                    }
                })
            }else{
                cb([]);
            }
          },
          handleSelect(item){
              console.log(item)
              if(item){
                 this.state2 = item.reelCode;
              // this.bianjiDialogHeJinZhuangTai = item.
              this.bianjiDialogTouRuLiang = item.weight;
              this.bianjiDialogPeiLiaoGuiGe = item.spec;
              }
          },

## html ##

<el-autocomplete
                    class="inline-input"
                    v-model="state2"
                    :fetch-suggestions="querySearch"
                    placeholder="请输入内容"
                    @select="handleSelect"
                  >
                      <template slot-scope=" {item} ">
                          <span>{
       {item.reelCode}}</span>
                      </template>
              </el-autocomplete>

发表评论取消回复

表情：

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

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

相关阅读

相关 ElementUI之tree形下拉选

ElementUI之tree形下拉选 vue代码： <el-row> <el-col :span="11"> <el-form-...

朱雀/ 2024年04月18日 06:23/ 0 赞/ 68 阅读

相关 elementUI模糊查询下拉选中

JS querySearch(queryString,cb) { if(queryString){ Api

约定不等于承诺〃/ 2023年02月25日 07:07/ 0 赞/ 8 阅读

相关查询下拉框

开发工具与关键技术：WPF 作者：文泽钦撰写时间：2021.01.18 先写一个下拉框，我这里用商品功能下拉框为例。 ![在这里插入图片描述][2021012

秒速五厘米/ 2023年01月09日 01:16/ 0 赞/ 160 阅读

相关下拉框模糊匹配_巧用数据验证制作模糊匹配的下拉列表

对于Excel的参照性输入，我们一般会使用数据验证里面的序列功能。常规下我们用作系列的数据源无非就是一个数据列表。但这种处理有个很大的问题，那就是如果系列里面的数据项太多，那么

雨点打透心脏的1/2处/ 2023年01月06日 04:25/ 0 赞/ 156 阅读

相关 winform下拉框模糊查询_怎样在c#中实现数据库数据的模糊查询

我想在vs的 dataGridView中显示查询的内容。具体是在文本框中输入一个关键字，然后在数据库的一个表的所有字段进行查询，显示在dataGridView,麻烦大家

灰太狼/ 2023年01月01日 05:57/ 0 赞/ 338 阅读

相关 select 下拉框不可选中

select 下拉框不可选中 disabled属性定义和用法浏览器支持实例业务应用移除disab

你的名字/ 2022年12月25日 14:53/ 0 赞/ 382 阅读

相关 ElementUI Dropdown 下拉菜单

一、概述在后台项目中，使用Dropdown 下拉菜单时，发现对el-dropdown-item绑定点击事件时，一直没有触发，比如： <el-dropdown-

Bertha 。/ 2022年10月31日 01:35/ 0 赞/ 591 阅读

相关【JavaScript】Select下拉列表可输入的模糊查询

这个是我用了三天的时间做出来，虽然在自己的项目中没有用到，但是感觉还是挺有成就感的，好东西就应该分享一下。。 div style="position:relative

迷南。/ 2022年09月24日 11:22/ 0 赞/ 290 阅读

相关 elementUI select 默认选中

`v-model`的值为当前被选中的`el-option`的 value 属性值 <template> <el-select v-model="value

ゝ一纸荒年。/ 2022年05月30日 12:13/ 0 赞/ 632 阅读

相关设置下拉框选中项

最近忙完毕业答辩，今天终于可以继续看我的js啦；实现一个随机的下拉选中框 <body> <input type="button" id="btn"

悠悠/ 2022年01月26日 11:29/ 0 赞/ 330 阅读