可编辑的下拉框

Ybittersweet

于 2023-07-12 10:25:03 发布

阅读量150

点赞数

分类专栏：组件文章标签： vue.js javascript

本文链接：https://blog.youkuaiyun.com/Ybittersweet/article/details/131675688

版权

组件专栏收录该内容

8 篇文章

订阅专栏

该文章展示了如何在Vue.js中使用el-autocomplete组件创建一个可编辑的下拉框。通过设置v-model,value-key,fetch-suggestions等属性，实现了输入内容时动态查询建议列表的功能。示例代码中，querySearch3方法用于处理查询请求并返回匹配的选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

el-autocomplete可编辑的下拉框

    <el-autocomplete class="inline-input" v-model="form.remark15" value-key="value"
                :fetch-suggestions="querySearch3" placeholder="请输入内容" style="width: 100%"></el-autocomplete>
 options1: [{
            value: '1111',
            label: '1111',
          },
          {
            value: '222',
            label: '222',
          }
        ],
  methods： 
   querySearch3(queryString, cb) {
      var options1 = this.options1;
      var results = options1;
      cb(results);
    },