element Cascader 多選 點擊文字選中

html 部分
 1  <el-form-item label="A部署位置" > 
                  <el-cascader
                    v-model="itemType.appSysOptions"
                    :show-all-levels="false"
                    :options="cityOptions"
                    :props="{ multiple: true , expandTrigger: 'hover'}"
                    separator=","
                    size="small"
                    collapse-tags
                    style="width: 195px"
                    filterable
                    clearable >
                  </el-cascader>
                </el-form-item>

 

css 部分 
1 .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;
}

 

工作總結，轉發請注明出處，謝謝。