Vue Autocomplete 自动完成

港控/mmm° 2022-05-19 04:00 201阅读 0赞

页面 ：

// 用闭包的方式，index表示第几个组件
    <el-autocomplete
      v-model="state4"
      :fetch-suggestions="querySearchAsync"
      placeholder="请输入内容"
      @select="((item)=>{handleSelect(item, index)})">
    </el-autocomplete>

JS：

methods: {
            querySearchAsync(queryString, callback) {
                var list = [{}];
                //调用的后台接口
                //let url = 后台接口地址 + queryString;
                //从后台获取到对象数组
                this.$http({
                    url: this.$http.adornUrl('yjtgateway/goods'),
                    method: 'get',
                    params: this.$http.adornParams({keyword:queryString})
                }).then(({data}) => {
                    for(let i of data.content){
                        i.value = i.goodsCode;  //将想要展示的数据作为value
                    }
                    list = data.content;
                    callback(list);
                }).catch((error) => {
                    console.log(error)
                })
            },
            handleSelect(item,index) {
              this.dataForm.items[index] = item
            }
    }

发表评论取消回复

表情：

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

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

相关阅读

相关 jQuery UI 实例 - 自动完成（Autocomplete）

根据用户输入值进行搜索和过滤，让用户快速找到并从预设值列表中选择。如需了解更多有关 autocomplete 部件的细节，请查看 API 文档 [自动完成部件（Auto

清疚/ 2024年03月24日 16:33/ 0 赞/ 57 阅读

相关 html 自动完成控件,jQuery 插件autocomplete自动完成应用(自动补全)(asp.net后台)

下面来使用 autocomplete插件来实现类似效果。 1. 创建 AjaxPage.aspx 页面，在其中定义 WebMethod 方法来返回搜索页面需要的输入框所有提

╰+哭是因爲堅強的太久メ/ 2022年10月05日 13:56/ 0 赞/ 194 阅读

相关 jQuery UI 实例 - 自动完成（Autocomplete）

根据用户输入值进行搜索和过滤，让用户快速找到并从预设值列表中选择。如需了解更多有关 autocomplete 部件的细节，请查看 API 文档 [自动完成部件（Autoco

谁践踏了优雅/ 2022年08月19日 13:24/ 0 赞/ 236 阅读

相关 input自动填充-Autocomplete

首先需要下载包地址是[点击打开链接][Link 1]。页面引用 <script type="text/javascript" src="${base}/aut

谁借莪１个温暖的怀抱￠/ 2022年08月11日 00:46/ 0 赞/ 276 阅读

相关 JS autocomplete({})自动完成

Step 1:JS定义下拉元素的属性，有四个属性分别完成不同的功能 label是下拉列表元素显示的内容，value是点选后保存到输入框的值 // 定义下拉提示的变量

﹏ヽ暗。殇╰゛Y/ 2022年07月16日 10:19/ 0 赞/ 213 阅读

相关使用jQuery Autocomplete(自动完成)插件

根据用户输入值进行搜索和过滤，让用户快速找到并从预设值列表中选择。默认功能当您在输入域中输入时，自动完成（Autocomplete）部件提供相应的建议。在

古城微笑少年丶/ 2022年06月17日 04:00/ 0 赞/ 280 阅读

相关 jQuery.Autocomplete实现自动完成功能（详解）

本篇文章除了介绍jquery.autocomplete基本参数外，主要说明jquery.autocomplete的数据源的格式问题。 1、jquery.autoco

╰+哭是因爲堅強的太久メ/ 2022年06月12日 03:57/ 0 赞/ 270 阅读

相关 Vue Autocomplete 自动完成

页面： // 用闭包的方式，index表示第几个组件 <el-autocomplete v-model="state4" :fetc

港控/mmm°/ 2022年05月19日 04:00/ 0 赞/ 202 阅读

相关 jQuery.Autocomplete实现自动完成功能（详解）

1、jquery.autocomplete参考地址 http://bassistance.de/jquery-plugins/jquery-plugin-autocomp

r囧r小猫/ 2022年04月08日 09:16/ 0 赞/ 482 阅读

相关使用JQuery完成autocomplete功能

话不多说了，直接上代码。 1.新建一个web页面，并引入相关的js脚本。并放一个textbox控件。　　 <%@ Page Language="C" AutoE

港控/mmm°/ 2021年12月20日 06:43/ 0 赞/ 372 阅读