vue的select下拉框多选项-multiple属性

最近在使用vue-element-admin这个后台管理框架开源模板在做一个管理后台,使用起来其实还挺方便的,大部分的组件源码里面都已经写好了,用的时候只需要把源码拿出来修改修改,也就成了。

这里记录一下开发过程中遇到的一些功能。


资料相关

vue-element-admin

推荐指数:star:55k
Github 地址:https://github.com/PanJiaChen/vue-element-admin
Demo体验:https://panjiachen.github.io/vue-element-admin/#/dashboard


今天记录一个select下拉框单选或者多选项,支持删除的功能
其实很简单的,需要添加一个属性

为el-select设置multiple属性即可启用多选

首先,看文档:
https://element.eleme.cn/#/zh-CN/component/select

饿了么这个框架的文档给的十分的全面,
组件是非常的丰富的




实际应用的demo,参考代码index.vue








api

import request from '@/utils/request'

//保存题目分类接口
export async function saveSubjectCategory(data) {
  const res = await request({
    url: '/question/saveQuestionCategory',
    method: 'post',
    data
  })
  return res
}

当select下拉框选择其中一个数据的时候,传到后端的参数


当select下拉框选择其中多个数据的时候,传到后端的参数


你可能感兴趣的:(vue的select下拉框多选项-multiple属性)