:label="item.label"   下拉菜单列表中要显示的内容

:value="item.value"  选中后显示的内容

注::value和v-model是双向绑定的

<template><el-select v-model="value" placeholder="请选择"><el-optionv-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>

Element-UI组件之 — — 下拉菜单相关推荐

  1. html ui 下拉列表,Atitit.ui控件-下拉菜单选择控件的实现select html_html/css_WEB-ITnose...

    Atitit.ui控件---下拉菜单选择控件的实现select html 1. 调用& model的实现 1 2. -----select.jsp------ 1 1. 调用& mod ...

  2. VUE ELEMENT UI 清空select 下拉选项

    VUE ELEMENT UI 清空select 下拉选项 1.select代码 <el-form ref="searchForm" :inline="true&qu ...

  3. UI实用素材|下拉菜单细节设计,分层呈现

    下拉菜单是UI设计,网页设计中的基础控件,也是平时大家做设计时会用到的常用组件,所以有必要对它进行全面深入的了解. 下拉式菜单 下拉菜单概念 下拉菜单在UI设计领域经常饱受批评,但这也不是没有理由的. ...

  4. Bootstrap组件_下拉菜单

    下拉菜单<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8& ...

  5. 修改element UI的select下拉框组件右边的小箭头(使用自定义图片)

    i.el-select__caret {/*很关键:将默认的select选择框样式清除*/ appearance:none;-moz-appearance:none;-webkit-appearanc ...

  6. element UI 之 el-cascader 下拉多级单选,每一级均可选中

    需求:element ui 中下拉多级单选,可选中每一级,如图: 封装了一个组件: select.vue template 中代码 <el-cascaderref="cascader& ...

  7. element ui中select 下拉框在火狐浏览器最后一行显示不完全(谷歌正常)

    在项目开发的时候用到了el-scrollbar组件 并且设置了隐藏横向滚动条 下面展示一些 内联代码片. // 隐藏横向滚动条 .el-scrollbar__wrap {overflow-x: hid ...

  8. Onsen UI组件实现下拉刷新和固定定位

    前言:最近用 Vue + Cordova + Onsen UI开发APP的过程中,在页面上遇到两个问题. (1)没法实现正常的类似于PC端页面中的固定定位,像position:fixed,这种css属 ...

  9. element ui封装 tree下拉框

    展示: 子组件封装 <!-- 树状选择器 科室树形 --> <template><el-popoverref="popover"placement=& ...

最新文章

  1. [Google Guava] 3-缓存
  2. php和mysql一键安装包_iis+php+mysql一键安装教程和安装包
  3. mysql主从配置_MySQL主从配置详解
  4. 中国恒大、恒大物业在香港暂停交易
  5. 画图必备numpy函数
  6. python读取excel在web中显示_在网页中预览excel表格文件
  7. protel99se原理图的元件符号和封装符号大全
  8. 走出“胡同”后,智能家居如何驶上高速路?
  9. Win11怎么把手机投屏到电脑上?
  10. 上传word文档显示服务器出错,打开office出错的几种解决方法
  11. mysql limt取指定数据条数 top取指定数据条数
  12. 商品期货可以做长线吗(期货交易可以做长线吗)
  13. 塑胶模具注射分类有哪大几类?
  14. 查看树莓派3 WiFi连接速度
  15. 工作站 显卡 测试软件,CineBench R15测试:考验CPU+GPU_工作站移动工作站-中关村在线...
  16. 二维码扫描+长按识别二维码demo
  17. 音视频系列--音频基本理论
  18. anaconda+pycharm安装
  19. 详解Python-Numpy库的函数diagonal()【并附函数diagonal()与函数diag()的区别】
  20. 区块链产物 的安全是否真的无懈可击!

热门文章

  1. python爬虫爬取豆瓣图书热评并生成图云
  2. python基础教程 excel_Python新手入门:Excel基本操作(二)
  3. 为什么程序员总是在熬夜?
  4. uni-app获取用户所在地
  5. python中choices_在django中实现choices字段获取对应字段值
  6. ip 策略路由 Linux,IP 策略路由配置
  7. CANoe中使用CAPL刷写流程详解(Trace图解)(CAN总线)
  8. 浅谈亚马逊测评,及四大测评干货!
  9. 爬虫新手入门实战项目(爬取笔趣阁小说并下载)
  10. php和prp的区别,关节注射疗法中,SVF和PRP有什么区别?