antdesign
Angular baby
软妹前端开发工程师自留地,专注Angular、Vue。
展开
-
Vue:弹窗中列表的复选框效果实现(列表需要做分页),复选数据带到父组件中
弹窗中列表前需要多选框,可以复选数据带到父级页面的列表中原创 2022-06-01 14:26:38 · 2016 阅读 · 2 评论 -
解决antd下拉框a-select下拉列表和输入框分离的问题
问题多出现在弹窗内使用a-select的情况中,当打开下拉框的情况下,滑动页面,会发现下拉列表和输入框分离了这种情况只需要在a-select标签内加上以下属性就可以:getPopupContainer="(trigger) => trigger.parentElement"完整代码:<a-tree-select multiple placeholder="请选择所属角色类型" all原创 2021-11-20 11:08:23 · 2265 阅读 · 0 评论 -
Vue页面antd select多选模式下(mode=“multiple“),点击框外下拉选项无法收起的问题完美解决
<a-select class="w260" allowClear :maxTagTextLength="maxTagTextLength" mode="multiple" :open="isOpen" @focus="isOpenFocus" @ch...原创 2021-11-19 18:23:18 · 7576 阅读 · 0 评论 -
密码和确认密码校验(使用<a-popover>做强度校验)
密码字段在点击填写的时候,右侧弹出校验密码强度的浮框:<a-popover placement="rightTop" :trigger="['focus']" :getPopupContainer="(trigger) => trigger.parentElement" v-model="state.passwordLevelChecked" ..原创 2021-10-28 10:49:41 · 2675 阅读 · 0 评论 -
ant-design treeSelect组件replaceFields属性报错
使用ant-desgin的treeSelect组件时,由于接口返回的数据键值并不是组件想要的value、title、key、children四个参数,所以考虑替换查看api,有一个replaceFields属性可以替换接口的参数,所以立刻使用起来 <a-tree-select class="w240" v-model="queryParam.deptId" tree-data-simple-mo.原创 2021-08-24 14:24:29 · 6508 阅读 · 0 评论 -
antdesign(vue)中 a-tree-select组件用filterTreeNode设置筛选结果不正确
antdesign中的文档里,让我们这么筛选,那么代码里就要这么写<a-tree-select v-model="queryParam.businessTypeIdList" multiple :filterTreeNode="filterTreeOption" show-search treeDefaultExpandAll ..原创 2021-08-23 11:08:26 · 10612 阅读 · 9 评论