一文搞懂:关于VueElement组件el

简介: 一文搞懂:关于VueElement组件el

"

el-select

示例:

代码:

[span class=""hljs-name"">el-select v-model=""doc.zhic"" placeholder=""请选择""

[span class=""hljs-name"">el-option

v-for=""(item,index) in zhicdata""

:key=""index""

:label=""item.name""

:value=""item.id""

>

doc: {

zhic: """"

},

zhicdata: 【

{

name: ""主任医师"",

id: ""11""

},


//代码效果参考: https://v.youku.com/v_show/id_XNjQwNjg1MjIzNg==.html

{

name: ""副主任医师"",

id: ""12""

},

{

name: ""主治医师"",

id: ""13""

},

{

name: ""住院医师"",

id: ""14""

}

】,

// 获取职称

stepDoc(index){

this.idx=index;

const item = this.hislist【index】;

this.doc={

zhic:item.zhic.toString() //获取到的是数字,一定要转换为字符串

},

},

v-model中的值就是默认选中的值,一定要注意这里的:value的类型一定要跟v-model类型一样。值为空时,默认值为空值。

el-checkbox

示例:

代码:

[span class=""hljs-name"">el-checkbox-group v-model=""doc.doctime""

[span class=""hljs-name"">el-checkbox

v-for=""item in doctimeData""

:label=""item.id""

true-label

:key=""item.id""

@change=""changeDoctime(item.value)""

//代码效果参考:https://v.youku.com/v_show/id_XNjQwMDM5NzI4MA==.html

>{ {item.title}}

更多内容请见原文,原文转载自:


"
image.png
相关文章
|
机器学习/深度学习 并行计算 安全
安全多方计算之一:什么是安全多方计算
安全多方计算之一:什么是安全多方计算
1108 0
|
JavaScript 前端开发 编译器
看完这篇文章,不再害怕Vue3的源码(一)
看完这篇文章,不再害怕Vue3的源码
|
11月前
|
前端开发 JavaScript 持续交付
前端技术趋势:2024年值得关注的几个方面
【10月更文挑战第9天】前端技术趋势:2024年值得关注的几个方面
|
12月前
|
JavaScript
Vue使用element中table组件实现单选一行
如何在Vue中使用Element UI的table组件实现单选一行的功能。
777 5
Vue使用element中table组件实现单选一行
|
6月前
|
传感器 人工智能 监控
反向寻车系统怎么做?基本原理与系统组成解析
本文通过反向寻车系统的核心组成部分与技术分析,阐述反向寻车系统的工作原理,适用于适用于商场停车场、医院停车场及火车站停车场等。如需获取智慧停车场反向寻车技术方案前往文章最下方获取,如有项目合作及技术交流欢迎私信作者。
395 2
|
10月前
|
机器学习/深度学习 数据采集 数据可视化
使用Python实现深度学习模型:智能植物生长监测与优化
使用Python实现深度学习模型:智能植物生长监测与优化
820 0
|
11月前
|
资源调度 JavaScript 前端开发
路由管理:Vue Router的使用和配置技巧
【10月更文挑战第21天】路由管理:Vue Router的使用和配置技巧
246 3
|
12月前
|
JSON Dart Java
flutter开发多端平台应用的探索 下 (跨模块、跨语言通信之平台通道)
flutter开发多端平台应用的探索 下 (跨模块、跨语言通信之平台通道)
|
存储 测试技术 iOS开发
CocoaLumberjack的ios应用开发使用指南
CocoaLumberjack的ios应用开发使用指南
381 2
|
数据挖掘
技术人应该知道的电商运营小知识(中)
技术人应该知道的电商运营小知识(中)
268 1

热门文章

最新文章