elment实现联想输入功能el-autocomplete

最新推荐文章于 2024-08-04 18:11:59 发布

指标满载

最新推荐文章于 2024-08-04 18:11:59 发布

阅读量583

点赞数 1

本文链接：https://blog.csdn.net/weixin_44770377/article/details/103642547

版权

本文介绍了如何利用Element UI的el-autocomplete组件，结合后台数据`jldwList`，创建非option形式的联想输入效果，提供了一种自定义页面交互的实现方法。

摘要由CSDN通过智能技术生成

为了实现下面这种联想效果，非option的效果：
在这里插入图片描述

一、页面：

<el-row>
            <el-col :span="11">
              <el-form-item label="计量单位" prop="jldw" :rules="[ { required: true, message: '请输入计量单位', trigger: 'blur' }]" >
                <el-autocomplete style="width: 100%" :disabled="show" :fetch-suggestions="jldwListQuerySearch" @select="handleSelect"