seo网站建设课程,网站建设目的及功能,平台推广网站,wap软件下载文章目录 一、前言二、实现2.1、设置popper-class和multiple2.2、设置样式 三、最后 一、前言
element-ui中el-cascader级联选择器只有最后一级可以多选#xff0c;其它级只有展开子节点的功能#xff0c;如下图所示#xff1a; 可以观察到最后一级的li节点上没有属性aria-… 文章目录 一、前言二、实现2.1、设置popper-class和multiple2.2、设置样式 三、最后 一、前言
element-ui中el-cascader级联选择器只有最后一级可以多选其它级只有展开子节点的功能如下图所示 可以观察到最后一级的li节点上没有属性aria-haspopuptrue可以通过这个来隐藏非最后一级节点的el-checkbox来解决此问题 二、实现
2.1、设置popper-class和multiple
设置属性popper-class自定义浮层类名为popper-select把props属性中的multiple设置为true开启多选
el-cascader:optionsoptionspopper-classpopper-select:props{multiple: true}
/2.2、设置样式
选中li属性aria-haspopup为true的标签隐藏此标签下的el-checkbox选择框。 注意style标签中不要加 scope .popper-select {li[aria-haspopuptrue] {.el-checkbox {display: none;}}
}三、最后
本人每篇文章都是一字一句码出来希望对大家有所帮助多提提意见。顺手来个三连击点赞收藏关注✨一起加油☕
