内容正在载入中,请稍后……
公告
搜索
统计
其他
分页: 1/1 第一页 1 最后页 [ 显示模式: 摘要 | 列表 ]
15 Mar.2021
element-UI的级联选择器如何开启多选模式:el-cascader-multi

el-cascader的props属性增加 multiple: true  即可实现多选功能

<template>
  <div>
          <el-cascader
            ref="cascaderArea"
            v-model="temp.areaIds"
            filterable
            clearable
            show-checkbox
            :show-all-levels="false"
            :options="areaIdsOptions"
            :props="areaIdsProps"
            placeholder="所在区域"
            style="width: 200px;"
            @change="handleChangeArea"
          />
  </div>
</template>
<script>
data() {
    return {
      areaIdsOptions: [],
      areaIdsProps: {
        multiple: true,  // 启用多选功能
        value: 'id',
        label: 'areaName',
        children: 'children'
      },
    }
  }
<script>

时间:17:02 评论(0) 引用(0) 阅读(1133) Tags: ,
分页: 1/1 第一页 1 最后页 [ 显示模式: 摘要 | 列表 ]