多选模式

1
2
3
4
5
6
<el-cascader
  v-model="data"
  :options="options"
  :props="{ multiple: true }"
  filterable
/>
1
2
3
4
5
6
7
8
9
10
11
12
13
.el-cascader-panel .el-checkbox {
  width: 100%;
  height: 100%;
  z-index: 10;
  position: absolute;
}
.el-cascader-node__label{
  margin-left: 10px;
}
/* 这个样式针对IE有用，不考虑IE的可以不用管*/
.el-cascader-panel .el-cascader-node__postfix {
  top: 10px;
}

单选模式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.el-cascader-panel .el-radio {
  width: 100%;
  height: 100%;
  z-index: 10;
  position: absolute;
  top: 10px;
  right: 10px;
}

.el-cascader-panel .el-radio__input {
  visibility: hidden;
}

.el-cascader-panel .el-cascader-node__postfix {
  top: 10px;
}