http://my.h5house.com/component/select/two_cascader.html 在这里找到了一个最贴近业务的组件,只是可惜少了一个自定义添加item的功能,而且doit-ui-web文档中并未。 img 那就基于AntDesignVue自己封装吧... 实现效果 example.vue <template><cascader-select:options="items"v-model="initData"style="width: ...
//a-select 组件文件 <template> <a-select placeholder="请选择" :value="defaultValue" :disabled="disabledSelect" @change="changeSelect"> <a-select-option value="">请选择</a-select-option> <a-select-option v-for="item in dataList" :value="item.dataCode" :key="item.dataCode">{{ item...
1.问题:插槽的二次封装,如果想要正常使用,必须在封装组件的时候重新定义一遍。 解决方式:封装时通过遍历传入的column,去动态生成外层的插槽。 2.问题:封装省略时鼠标移入的ToolTip组件提示时,判断是否省略。 解决方式:给容器一个最大宽度,然后判断容器的scrollWidth是否大于设置好的最大宽度。 3.问题:如果需要判断是...
所以这次就排除了Element UI,而采用了Ant Design Vue; 在分析整个项目原型后,发现又可以抽离类似之前的React表格搜索组件 React 折腾记 - (6) 基于React 16.x+ Antd 3.封装的一个声明式的查询组件(实用强大) 效果图 2019-04-10 14:50 : 修正了部分的初始化props及联动,新增了slot的传递 其他特性等,具体可...
作为一名刚接触vue不到一个月的菜鸟,思想还没有从操作DOM转变为数据驱动,看vue的代码处处别扭。组里为了让我熟悉vue交给了我一个将element 表单封装成组件的练手任务。由于开发过程中遇到的表单需求千奇百怪,我们不能直接将表单封装成一个组件。所以我尝试把输入框,下拉菜单,滑块,时间选择器,单选,多选等功能各封...
Upload 组件支持 v-model、支持在 FormModel 中使用 rule 校验 Select 组件支持 loadData 函数,不再写重复的 for 循环 新增了年份选择器 新增了强大的文件预览组件,支持视频、图片、PDF 等常见文件的预览 因为是基于它封装的,所以 ant-design-vue 所提供的组件都可以正常使用。
ant.design-vue 级联多选组件 取自doit-ui-web,基于ant.design封装的功能组件, 实现多选级联样式表功能,根据自身情况 引入到自己的项目中 <template> <div class="gb-ant-select-multiple-cascader" :class="{ 'multiple-cascader-outside': !isClickOutSide }"...
使用的antdv组件库中的弹窗是没法拖动的,现在需求要使其标题栏可以在按住鼠标的时候弹窗可以自由拖动 components目录下建立两个文件 组件目录 index.vue内容如下 <!-- * Description : 可拖拽antdv 弹窗的封装 * Date :2022-01-20 16:41:46 * LastEditors :Xuwei ...
上一篇写了个搜索的封装,到写这个的时候发现有所可以优化的地方。 效果图 实现思路和功能 基础的功能直接配置上来渲染,而上传组件就不大合适了; 所以选择了slot来实现,如何保证传入的form-item的布局一致,则是拿slot-scope 我这边选型用的是vue 2.6 +的版本,所以直接用的是最新的写法 ...
2 布局 Divider分割线 Flex弹性布局New Grid栅格 Layout布局 Space间距 导航 Anchor锚点 Breadcrumb面包屑 Dropdown下拉菜单 Menu导航菜单 PageHeader页头 Pagination分页 Steps步骤条 数据录入 AutoComplete自动完成 Cascader级联选择 Checkbox多选框 DatePicker日期选择框 ...