- 博客(7)
- 收藏
- 关注
原创 关于ant-design-vue3的cascader(级联选择)在多选模式下能同时支持子节点的单选和全选;
文章摘要:本文介绍了一个使用级联选择器(Cascader)的项目需求,要求在多种类型选择时,不能混选,且特定地区(如浙江)只能单选。当子项只有两个时,选择切换会出现无法获取最新值的问题。解决方案是通过设置showCheckedStrategy为SHOW_CHILD,结合handleDropdownVisible方法监听父项的hover状态,实现仅显示子节点状态。当hover到浙江时,showCheckedStrategy值变为SHOW_CHILD,其他情况则恢复为SHOW_ALL。代码展示了如何实现这一功能
2025-05-09 17:58:28
297
原创 el-tree-transfer穿梭框踩了的坑
下载npm install el-tree-transfer --save多个根节点案例(一个根节点就是官方案例,其实是一样的) <tree-transfer :from_data="fromData" :to_data="toData" :defaultProps="{ label: 'label' }" @add-btn="add" @remove-btn="remove" :mode="mode" height
2022-04-06 17:04:51
3531
5
原创 实现如下图效果图的代码(列表知识运用)
html代码 <body> <details> <summary>AAA</summary> <ul type="disc"> <li>aaa</li> <li>bbb</li> ...
2021-07-11 23:24:33
455
原创 html+纯CSS实现小彩虹效果
css部分 <style type="text/css"> div { margin: 300px 100px; width: 200px; height: 200px; background-color: whitesmoke; border-top-right...
2021-07-11 22:28:58
223
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人