首页 > 技术文章 > element Cascader 多选 点击文字选中

js-wxf 原文

html 部分
1
<el-form-item label="A部署位置" > 2 <el-cascader 3 v-model="itemType.appSysOptions" 4 :show-all-levels="false" 5 :options="cityOptions" 6 :props="{ multiple: true , expandTrigger: 'hover'}" 7 separator="," 8 size="small" 9 collapse-tags 10 style=" 195px" 11 filterable 12 clearable > 13 </el-cascader> 14 </el-form-item>
css 部分 
1
.el-cascader-panel .el-checkbox { 2 width: 100%; 3 height: 100%; 4 z-index: 10; 5 position: absolute; 6 } 7 .el-cascader-node__label{ 8 margin-left: 10px; 9 } 10 /* 这个样式针对IE有用,不考虑IE的可以不用管*/ 11 .el-cascader-panel .el-cascader-node__postfix { 12 top: 10px; 13 }

工作总结,转发请注明出处,谢谢。

推荐阅读