![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ant-design-vue
一羊迁徙
曾梦想仗剑走天涯,后来没钱就算了。
展开
-
ant design vue树形表格默认展开所有行defaultExpandAllRows不生效
在渲染之前先判断数据是否存在,存在即渲染就ok,问题得以解决。注意v-if判断即可<a-table v-if="targetCostTableData && targetCostTableData.length" :defaultExpandAllRows="true" :columns="targetCostColumns" :data-source="targetCostTableData" :customRow=原创 2020-08-27 16:25:49 · 4472 阅读 · 2 评论 -
ant-design-vue导航菜单a-menu的详细使用
ant-design-vue导航菜单a-menu的详细使用一、递归生成菜单二级目录三级目录一、递归生成菜单此处强调一点,如果是一级以及二级菜单的生成,普通的两层for循环结合递归以及v-if生成即可。如果是想使用a-menu生成三级或者三级以上的菜单,那么就需要定义在单文件内定义函数式组件。那为什么不推荐单文件的形式定义组件,而是使用函数式组件?以下是官方文档的说明:二级目录三级目录...原创 2020-07-27 00:39:32 · 32738 阅读 · 14 评论 -
ant-design-vue仅支持输入0-100之间的整数校验规则
ant-design-vue仅支持输入0-100之间的整数其实有两种方法,首先是简单的a-input-number:<a-input-number :min="0" v-model="addForm.add_actual_finish" :max="100" :precision="0"/>但是我是在a-form-modal中使用,并且有必须显示提示的需求,所以使用了a-form-modal:页面中代码:<a-form-model-item label="实际完成度:"原创 2020-06-12 17:15:03 · 6016 阅读 · 1 评论 -
ant-design-vue Table pagination 分页器的使用
ant-design-vue Table分页器的使用一、实际效果一、页面代码二、data中的属性和methods中的方法一、实际效果效果图:一、页面代码<a-table :columns="columns" :data-source="tableData" :rowSelection="rowSelection" :pagination="pagination" @change="tableChange" rowKey="schedule_guid"></a-table>原创 2020-06-20 15:41:34 · 15713 阅读 · 0 评论 -
ant-design-vue表单自定义校验规则以及提交前验证,防止校验未通过发送请求/含a-form-modal-item嵌套校验(详细)
ant-design-vueForm表单自定义校验规则一、自定义校验规则一、页面代码:二、表单绑定数据以及校验规则二、提交前验证,防止校验未通过发送请求一、自定义校验规则本处以校验手机号为例。一、页面代码:<a-form-model ref="ruleForm" :model="form" :rules="rules" :label-col="{ span: 4 }" :wrapperCol= "{ span: 4 }"> <a-form-model-ite原创 2020-06-17 23:58:50 · 22076 阅读 · 4 评论 -
ant-design-vue中a-date-picker组件只选择年份/含表单验证(已解决)
ant-design-vue中a-date-picker组件只选择年份今天遇到了在日期选择器中只选择年份的日期选择器,但是是使用的ant-design-vue,目前还没有只选择年份的日期控件,但是需求还是要实现,上代码:在template中<a-date-picker mode="year" placeholder="请选择年份" format='YYYY' :value='yearPick' :open='yearPickShow' @pane原创 2020-06-11 15:09:19 · 13375 阅读 · 16 评论 -
ant-design-vue中a-date-piker日期选择器的使用/全局汉化(详细)
这里写自定义目录标题一、安装moment.js二、a-date-picker的使用三、从后台传值回来显示在a-date-picker控件中合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入一、安装moment.js由于在使用日期选择器的时候原创 2020-06-14 17:43:47 · 24263 阅读 · 6 评论