element-ui中select支持多选;(只需在el-select标签中添加multiple即可)

1、HTML:

<el-select
    v-model="value"
    multiple
    placeholder="请选择文章标签">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>

2、js:

data中加入以下代码:

 options: [{
          value: 'HTML',
          label: 'HTML'
        }, {
          value: 'CSS',
          label: 'CSS'
        }, {
          value: 'JavaScript',
          label: 'JavaScript'
        }],
        value: []

其他属性:

1、filterable : 支持输入时模糊匹配下拉选项;

2、clearable : 是否可以清空选项;

仅加入该字段既可;

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐