目标效果: 1.vue项目中需要使用el-cascader组件,可以选择任意一级的内容,并且去掉单选框。注:官方版本是有单选框的。 效果图如下: 失效效果:(可以选择任何一级,有三级情况下,想选择二级就选择二级,并且去掉单选框) 步骤如下: 1.先设置父子节点取消选中关联,从而达到 ...
实现:可以通过修改前面圆点的样式,实现点击文字选中 修改样式代码如下 .el cascader panel .el radio width: height: z index: position: absolute top: px right: px .el cascader panel .el radio input visibility: hidden .el cascader panel . ...
2021-01-30 11:46 0 897 推荐指数:
目标效果: 1.vue项目中需要使用el-cascader组件,可以选择任意一级的内容,并且去掉单选框。注:官方版本是有单选框的。 效果图如下: 失效效果:(可以选择任何一级,有三级情况下,想选择二级就选择二级,并且去掉单选框) 步骤如下: 1.先设置父子节点取消选中关联,从而达到 ...
目标效果: 1、vue项目中需要使用el-cascader组件,可以选择任意一级的内容 预想效果图: (有两级情况下,想只选择一级,就只选择一级) 遇到的问题:1、使用 使用官方案例的 (多选 单选框)直接点击 小圆点,点击文字没有效果。2、想直接点击文字可以选中,如果有 ...
https://element.eleme.cn/#/zh-CN/component/cascader 这个是elementui官网级联选择器的地址,其中选择任意一级选项的项目是这样的 这样的话效果是实现了,但是存在两个问题: 1、只能点击圆圈才能选中,点击文字 label ...
参考这位大神:https://blog.csdn.net/weixin_42333170/article/details/104007876 ...
一、elementui的级联下拉列表默认只能选择最末端的那个,如果需要点击哪个就可以选择哪个,需要做如下设置: 解决方法:在props属性增加{checkStrictly: true < ...
主要就两个问题: 点击圆圈后理想是自动收起下拉,但是他这个也没有 而且只能点击圆圈才能选中,点击文字 label 没有效果 解决1: 设置每 ...
:然后找到选择任意一级选项 点击跳转:Cascader 级联选择器 3. Cascader 级 ...
页面: <el-cascader v-model="areaId" ref="refHandle" :options="areaList" :props ...