el-select,el-option下拉选择框

一.下拉选择框的使用

分析代码:

在el-select双向绑定一个value值

 

在el-option进行循环

通过V-for循环,循环options这个数组。

:key这里在循环一个数组的时候经常会用到,让渲染到达最大化。

:label  选项的标签,若不设置则默认与value相同

视图:

 也就是下拉出来能看的。

:value   选项的值

验证:

二.实际的应用

三.总结

1.key 绑定的就是key值其中用到了diff算法 渲染最大化

2. :label关联的是选中的项目

3. :value 关联的是选中的值

4.el-select 通过v-model绑定的值关联到选中的值,可以是一个任意的值