: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. flask socket连接mysql_Flask连接mysql,实现页面登录
  2. 离开网易的转型之路1:选择测试之路-路上的迷茫
  3. 网站SEO秒收录对网站有哪些要求?
  4. java nio单线程6_Java NIO6:选择器2---代码篇
  5. 二建施工管理思维导图_备考二建不丢分?二建思维导图全程指导,知识点记忆快、不分散...
  6. 前端知识整理 CSS盒模型
  7. ubuntu 更新源 或者 apt-get install 出错404 not found ,Failed to fetch
  8. 旅游网毕业设计java代码教程_基于JavaWeb技术的旅游网站的设计与实现--毕业论文.doc...
  9. 最新php在线扒站程序源码分享
  10. linux 1394驱动下载,1394驱动
  11. java:记一次因时区导致出参和入参时差8小时前因后果
  12. 2018年春季学期《软件工程》班级讨论群中开放性问题群聊记录
  13. 监控系统 服务器配置,监控系统服务器配置
  14. 取消管理员取得所有权_解决win7系统下管理员取得所有权的技巧
  15. mysql查询连续天数数据
  16. 【新手上路常见问答】关于自然语言处理(NLP)
  17. 简略介绍react框架特性
  18. XC3071充电IC(耐高压,带OVP)
  19. 百度、阿里、小米决战智能音箱
  20. 【slam十四讲第二版】【课本例题代码向】【第九讲~后端Ⅰ】【安装Meshlab】【BAL数据集格式】【ceres求解BA】【g2o求解BA】

热门文章

  1. Spring Bean的三种配置方式
  2. pygame8 扫雷游戏
  3. 【转】LINUX内核编译步骤详细介绍
  4. 帝国php怎样下载,帝国CMS添加迅雷下载的方法
  5. 视频聊天软件性能测试为什么会很重要 ?
  6. 【OTT】国广东方OTT盈利模式
  7. 彻底了解什么是POE交换机!!!
  8. 发布留言板-添加留言
  9. 评价指标F1之Mirco-F1和Macro-F1
  10. 如何在MAC上进行OCR屏幕截图