由于我们部门并没有产品经理,在做一个后台管理系统的过程中遇见了一个比较奇葩的需求,当时觉得如果采用ElemenyUI 的级联选择器岂不是很简单的吗?只是ElementUI的级联选择器并不支持多选,就此作罢。项目上线之后闲来无事,就心血来潮,各种百度之后终于算是写好了一个案列
安装:推荐使用npm安装
npm install ele-multi-cascader
npm install element-ui -S
使用:在main.js
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import ELeMultiCascader from "ele-multi-cascader"
import "ele-multi-cascader/dist/cascader.css"
Vue.use(ElementUI);
Vue.use(ELeMultiCascader);
案列
<template>
<div id="app">
<el-form label-width="80px" ref="form" :model="form" :rules="rules" label-
position="left">
<el-form-item label="ISP: " prop="isp">
<ele-multi-cascader
clearable
:options="op