首页 > 其他分享 >select可搜索下拉框

select可搜索下拉框

时间:2023-09-10 20:31:35浏览次数:26  
标签:选项 双皮奶 value label 搜索 北京烤鸭 下拉框 select

<template>
  <el-select v-model="value" filterable placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
</template>

<script>
  export default {
    data() {
      return {
        options: [{
          value: '选项1',
          label: '黄金糕'
        }, {
          value: '选项2',
          label: '双皮奶'
        }, {
          value: '选项3',
          label: '蚵仔煎'
        }, {
          value: '选项4',
          label: '龙须面'
        }, {
          value: '选项5',
          label: '北京烤鸭'
        }],
        value: ''
      }
    }
  }
</script>

标签:选项,双皮奶,value,label,搜索,北京烤鸭,下拉框,select
From: https://blog.51cto.com/u_16124071/7427976

相关文章

  • 代码随想录:● 654.最大二叉树 ● 617.合并二叉树 ● 700.二叉搜索树中的搜索 ● 98
     654.最大二叉树 给定一个不含重复元素的整数数组。一个以此数组构建的最大二叉树定义如下:二叉树的根是数组中的最大元素。左子树是通过数组中最大值左边部分构造出的最大二叉树。右子树是通过数组中最大值右边部分构造出的最大二叉树。通过给定的数组构建最大二叉树,并且输出这个......
  • Boost搜索引擎
    项目背景先说一下什么是搜索引擎,很简单,就是我们平常使用的百度,我们把自己想要所有的内容输入进去,百度给我们返回相关的内容.百度一般给我们返回哪些内容呢?这里很简单,我们先来看一下.搜索引擎基本原理这里我们简单的说一下我们的搜索引擎的基本原理.我们给服务器发起请求......
  • 【学习笔记】折半搜索 Meet In The Middle
    点击查看目录目录算法实现杂题乱写[CEOI2015Day2]世界冰球锦标赛题单oi-wiki算法实现我们正常的搜索应该是一个指数级的:\(2^n\)。然而我们可以把这个搜索拆成两半,设小于整张图的限制\(limit\)为合法:对于上半搜索,我们有若干符合限制的答案\(sum_1\),对于下半搜索,我......
  • 构建高性能全文搜索引擎:Java与Elasticsearch
    在今天的应用程序中,全文搜索功能变得越来越重要。无论是在线商店、博客网站还是企业应用,用户都希望快速而准确地找到他们需要的信息。Elasticsearch是一个强大的全文搜索引擎,可以轻松应对这一需求。本文将向你展示如何使用Java与Elasticsearch构建高性能的全文搜索引擎。什么是Elas......
  • 【学习笔记】折半搜索 Meet In The Middle
    点击查看目录目录算法实现杂题乱写[CEOI2015Day2]世界冰球锦标赛题单oi-wiki算法实现我们正常的搜索应该是一个指数级的:\(2^n\)。然而我们可以把这个搜索拆成两半,设小于整张图的限制\(limit\)为合法:对于上半搜索,我们有若干符合限制的答案\(sum_1\),对于下半搜索,我......
  • 搜索合集
    深度优先搜索(DFS)引入:迷宫问题有一个\(n\timesm\)的迷宫,你一开始在\((1,1)\),每次可以向上下左右走一步,要走到\((n,n)\)且路径不能重复,不能经过障碍,问有多少种方法?用以下迷宫为例:(红色是起点,绿色是终点)我们每次可以向上下左右走一步。这样,我们每次选择一个方向,沿着这个......
  • leet code 35.搜索插入位置
    简单题蕴含大学问linkleetcode35.搜索插入位置思路历程学习算法已有时日,再做这一道简单程度的二分题目时-发现还是不能游刃有余地掌握。题目中要求:需要在数组中找到目标值,并返回其索引,如果目标值不存在于数组中的话,返回其将会被顺序插入的位置。那么有两种情况目标值在数组中......
  • 在 Visual Studio Code 里如何设置让搜索忽略指定的文件夹
    我今天在VisualStudioCode里根据关键字@spartacus/smartedit进行搜索时,发现VisualStudioCode也把文件夹.angular里的文件一并搜索了:C:\Code\SPA\6.0.x.angular\cache\15.2.4\babel-webpack\00e62bc8b359a06bfe0641d2c1403dc3443ea1190700c09d90a94ab550ad973f.json......
  • 搜索 题目
    Sudoku(9*9)link1:数据强度弱link2:数据强度强两个优化:按照人类直觉,可以填的数越少的位置越先填使用二进制数字记录一行、列、宫中哪些数字用过,不使用数组,常数优化#include<iostream>#include<cstdio>#include<cmath>#include<algorithm>#include<vector>#include......
  • 剑指 Offer 54. 二叉搜索树的第k大节点
    题目链接:剑指Offer54.二叉搜索树的第k大节点题目描述:给定一棵二叉搜索树,请找出其中第k大的节点的值。解法思路:由于题目中二叉树是二叉搜索树(中序遍历是升序的),要求的是第k大的节点值,也就是倒数第k个数,因此可以转换一下遍历顺序,按照右->根->左的顺序进行遍历的话,得......