vue中使用el-select选择器组件,基础组件用法和多选组件搭配使用

需求:使用下拉菜单,选中单选内容,多选下拉菜单显示对应的数据

这里单选下拉菜单的内容和多选下拉菜单的内容都是前端写好的,我们只需要传递选中的内容传递给后端即可

实现效果:

vue中使用el-select选择器组件,基础组件用法和多选组件搭配使用_第1张图片

vue中使用el-select选择器组件,基础组件用法和多选组件搭配使用_第2张图片

首先了解基础的下拉菜单组件

value:一般传递给后端的信息

label:页面展示的内容

selectMethod:每次下拉选中内容发生改变后触发的事件

 
    
      
      
    

 多选下拉组件同理

业务代码实现如下,注释很详细






你可能感兴趣的:(Vue2,elementUi,大数据)