![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ant
只爱吃菜不吃饭
谢谢你这么厉害还关注我~
展开
-
ant design vue中日期选择框混合时间选择器的用法
首先时间格式化用到moment方法,需要在页面中引入moment组件importmomentfrom'moment'结构代码:<a-date-picker style="width:100%" :getCalendarContainer="(triggerNode) => triggerNode...原创 2019-12-05 10:27:00 · 12398 阅读 · 8 评论 -
ant design vue表单中自定义检验规则,如手机号码
<a-form-item label="手机号码" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }" > <a-input v-de...原创 2019-10-17 11:28:04 · 6987 阅读 · 2 评论 -
ant design vue中嵌套表格以及表格内部编辑的用法
实现效果:因为pro手脚架中封装的s-table不支持expand和expandedRowsChange事件,无法实现根据展开节点获取其内部数据的需求,因此直接使用a-table组件表格外层可以翻页,查询携带页码参数<a-table size="default" rowKey="dict_id" //根据自己数据内部关键针设定 ref="...原创 2019-09-04 16:45:35 · 27852 阅读 · 6 评论 -
ant design vue中treeselect异步获取数据
结构:<a-tree-select :dropdownStyle="{ maxHeight: '400px', overflow: 'auto' }" :getPopupContainer="(triggerNode) => triggerNode.parentNode" :loadD...原创 2019-07-29 16:28:56 · 11153 阅读 · 15 评论 -
ant design vue中树形控件defaultExpandAll设置无效
页面步骤:1.设置a-tree标签2.默认的treeNodes值设置为空数组3.在mounted组件加载的时候给treeNodes的值赋值结果:设置defaultExpandAll无效,并不能展开所有节点原因:defaultExpandAll 仅在组件第一次渲染时有效,不仅仅tree组件,其它组件的defaultXXX值都是这个行为,可以自行搜索受控组件/非受控组件的概念...原创 2019-06-24 16:12:24 · 20070 阅读 · 10 评论 -
ant design vue中分页器的使用注意事项
1.输入defaultPageSize: '5',pageSizeOptions: ['5', '10', '15', '20']等时,需要是String的形式,否则只会展示具体数字,而不是以5条/页的形式正确样式错误样式原创 2019-05-27 09:44:31 · 13163 阅读 · 0 评论 -
ant design vue导航菜单与路由配置
此功能包含:1.根据动态路由自动展开与自动选择对应路由所在页面菜单2.只展开一个子菜单3.兄弟组件控制菜单与路由<a-menu :openKeys="openKeys" :selectedKeys="selectedKeys" mode="inline" theme="dark" :inl...原创 2019-04-28 10:31:03 · 26900 阅读 · 5 评论 -
ant design vue datepicker日期选择器中文化
按照ant design vue官方说明,使用日期选择器需要在入口文件(main.js)全局设置语言:// 默认语言为 en-US,如果你需要设置其他语言,推荐在入口文件全局设置 localeimport moment from 'moment';import 'moment/locale/zh-cn';moment.locale('zh-cn');<a-date-picke...原创 2019-04-29 10:10:07 · 7063 阅读 · 7 评论 -
vue中使用antv(蚂蚁)G2中宽度自适应问题
上图:结构采用栅格布局,左侧图表设置了宽度自适应(forceFit)。然而页面在刚开始刷新的时候,canvas超出了父元素的宽度。如果改变浏览器的大小,window.resize的时候才会触发forceFit: true这个属性,才会自适应屏幕的宽度,这时图表的大小是正常的。查找诸多解决办法后,经发现,最简单的方法如下Vue版:在mounted周期函数中,初始化图表之后,加入下...原创 2019-05-13 10:45:43 · 15657 阅读 · 7 评论 -
G2绘制词云效果
根据官网https://antv.alipay.com/zh-cn/g2/3.x/demo/other/word-cloud-mask.html代码,完善在vue中的使用过程aaaaaaaaaaaaaaaaaaaa,我看了一整天才弄出来~但是词云有重叠的部分,不知道是不是因为我的父元素很小 ,大小给的是100*200上图:首先需要引入官方中插入的lodashnpm i lod...原创 2019-05-14 16:34:18 · 3109 阅读 · 4 评论 -
ant design vue中表格指定格式渲染
注意点:定义的columns一定要写在data中,否则在加载过程中由于渲染顺序会导致其中的渲染函数无法识别渲染方法1:指定渲染函数:const columns = [ { title: '排名', dataIndex: 'key', customRender: renderContent // 渲染函数的规则 }...原创 2019-05-16 09:18:56 · 36847 阅读 · 17 评论