vue+element-ui,MultipleSelect多选下拉组件中方法的应用

需求简述

下拉框设置为多选、改变多选下拉框的值时并映射到表格里所对应的数据

功能展示

弹出表单设置必填项和修改功能展示

代码展示

HTML片段

vue+element-ui,MultipleSelect多选下拉组件中方法的应用_第1张图片

vue+element-ui,MultipleSelect多选下拉组件中方法的应用_第2张图片

js片段

 1.首先引入MultipleSelect组件

vue+element-ui,MultipleSelect多选下拉组件中方法的应用_第3张图片

 2.在data里定义需要用到的变量

vue+element-ui,MultipleSelect多选下拉组件中方法的应用_第4张图片

3.下拉框方法@selectChange="userChange"

4.后端给的修改检测人员功能的接口文档

vue+element-ui,MultipleSelect多选下拉组件中方法的应用_第5张图片

5.在api里写下这个接口,然后引用

vue+element-ui,MultipleSelect多选下拉组件中方法的应用_第6张图片

vue+element-ui,MultipleSelect多选下拉组件中方法的应用_第7张图片

6.js里写这个方法,调通接口,把要传的数据传过去

vue+element-ui,MultipleSelect多选下拉组件中方法的应用_第8张图片

你可能感兴趣的:(前端,elementui,vue.js)