关于饿了么ui框架的使用之select的应用

之前讲过饿了么表单的应用，今天来说说select选择器的应用。

 <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>

Option Attributes

value：选项的值，string/number/object类型；
label：选项的标签，若不设置则默认与 value 相同，string/number类型；
disabled：是否禁用该选项，boolean类型，默认为false；

 data() {return {options: [{value: '11111',label: '吃饭'}, {value: '22222',label: '睡觉'}, {value: '33333',label: '打农药'}, {value: '44444',label: '游泳'}, {value: '55555',label: '逛街'}],value: ''}}

Select Events

change: 选中值发生变化时触发，回调参数是目前的选中值

<el-select v-model="value" placeholder="日常活动" @change="changed"></el-select>

    methods: {changed() {let me = this;console.log(me.value);}}

在线查看请猛戳猛戳猛戳

visible-change: 下拉框出现/隐藏时触发，回调参数出现则为 true，隐藏则为 false;
remove-tag：多选模式下移除tag时触发，回调参数是移除的tag值；
clear：可清空的单选模式下用户点击清空按钮时触发

Select Attributes

filterable：是否可搜索 boolean类型默认为false；

<el-select v-model="value8" filterable placeholder="请选择">
</el-select>

allow-create 是否允许用户创建新条目，需配合 filterable 使用，boolean类型，默认为false；

 <el-selectv-model="value10"multiplefilterableallow-createplaceholder="请选择文章标签"></el-select>

关于饿了么ui框架的使用之select的应用相关推荐

饿了么UI框架element的表格多个弹窗问题
<el-table-column label="操作"><template scope="scope"><el-button si ...
饿了么ui 同时验证两个select框
html: <el-form-item label="所属分类" prop="speconeclass"><el-select v-model ...
element ui点击按钮弹出款_前端猿应该知道的十大最流行的前端UI框架
在前端项目开发过程中,现在很少有人会使用原生的CSS来搭建页面,总归都会引入一些前端UI框架以减少代码的书写.一般为了方便自己的使用,很多大公司都有自己的一套UI框架,同时也会把其开源出来.下面就是最 ...
【移动端vue ui框架学习】vue项目如何使用基于vue的UI框架mint ui
看了下饿了么团队开发的PC端vue ui框架Element ui之后,顺便看了看同团队开发的移动端的vue ui框架mint ui,那么在vue项目中应该如何使用mint ui呢?以下做简单的记录. ...
Vue UI 框架对比 element VS iview
element VS iview (最近项目UI框架在选型 ,做了个分析, 不带有任何利益相关) 主要从以下几个方面来做对比使用率(npm 平均下载频率,组件数量,star, issue-) AP ...
基于vue的UI框架集锦(移动端+pc端)
1. vonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用,很简约,是我喜欢的风格 star 2.3k 中文文档在线预览 2.vux 基于WeUI和Vu ...
element ui 多个子组件_vue前端UI框架，一点都不圆润，盘它！
面对众多vue前端UI框架,看着它们干干巴巴.麻麻赖赖的样子,一点都不圆润,跟我一起盘它! Vue移动端UI框架 1.Vux(star:15620) VUX(读音 [v'ju:z],同 views)是 ...
vue ui框架_Vue移动端UI框架指南
自从Vue成为前端的主流框架之后,各家UI框架也越来越多,今天重点聊一聊移动端的那些框架吧,Vue移动端框架到底哪家强?以下排名不分先后,开发过程中根据自己的具体业务需求来做选择. 1.Vux 中文文 ...
antvue 有赞布局_UI大全：前端UI框架集合（持续更新，当前32个）
2017-1209 ZanUI (Vue) 2017-1218 Onsen UI(Vue, React, Angular) 2017-1215 增加 Vuetify, Weex UI, Semanti ...
移动端前端UI框架推荐
本文链接:https://blog.csdn.net/wangyile4399/article/details/102564106 SUI Mobile http://m.sui.taobao.o ...

关于饿了么ui框架的使用之select的应用

Option Attributes

Select Events

Select Attributes

关于饿了么ui框架的使用之select的应用相关推荐

最新文章

热门文章