Ant-design
Ant-design
尔嵘
愿你阳光下像个孩子,风雨里像个大人。
展开
-
Ant-design-vue中如何实现图片上传?
当然,代码肯定不能完全拿来用,可以参考某一部分,这个上传的图片是保存到了第三方的存储平台拿的url,具体看你自己需求吧!如何使用Ant-design-vue中的。上传组件进行图片或者视频的上传呢?.........原创 2022-08-05 09:22:55 · 3139 阅读 · 1 评论 -
Ant Design of Vue中a-form-model多行表单对齐和验证
Ant Design of Vue中a-form-model多行表单对齐和验证原创 2022-03-16 18:28:34 · 11793 阅读 · 3 评论 -
Ant-vue 树形组件a-tree勾选时只能单选
template: <a-tree v-if="treeData.length" :checkable="true" v-model="checkedSiteId" :checkStrictly="true" :tree-data="treeData" defaultExpandAll ref="treeForm" :replaceFields="{ children: 'children', title: 'title', key原创 2021-08-10 15:53:50 · 5758 阅读 · 5 评论 -
vue中实现页面全屏和指定元素全屏
1.vue中如何快速实现页面的全屏?案例1:点击fullScreen按钮(icon),实现整个页面的全屏:代码:<a-icon type="fullscreen" style="font-size: 22px;margin-left: 10px;" id="fullscreen_button" @click="handleFullScreen()"/>export default { name: "index", data(){ ret原创 2021-08-02 09:59:45 · 5421 阅读 · 1 评论 -
Warning: [antdv: LocaleProvider] `LocaleProvider` is deprecated. Please use `local
1.使用ant-vue始终报这个警告,因为ant-vue的新版本废弃了a-locale-provide2.解决如下:找到App.vue,将<a-locale-provider :locale="locale"></a-locale-provider>修改为:<a-config-provider :locale="locale"></a-config-provider>...原创 2021-07-30 11:03:56 · 765 阅读 · 0 评论 -
Ant-vue中a-table新增、修改、删除
如何实现Ant-vue中表格的新增、修改、删除?实现源码:<template> <a-card style="margin-top: 24px;"> <a-row> <a-col :xl="24" :md="24" :sm="24"> <a-form-model layout="inline"> <a-form-model-item> ...原创 2021-07-06 09:59:47 · 2518 阅读 · 0 评论 -
ant-vue中table自定义分页器
<a-table :columns="columns" :data-source="data" :scroll={y:80} :pagination="false" bordered style="overflow-y: hidden;margin: 0;padding: 0;"> <template slot="operation" slot-scope="text, record, index"> <div class=.原创 2021-06-16 09:09:39 · 1484 阅读 · 1 评论 -
【进阶Ant-Design-Vue】你知道table多级表头嵌套展开写法吗?
前言:在Ant-Design-Vue的前端项目中,我们会经常处理表格,表单这些组件元素,熟练运用并知道它们在使用过程中的联系与区别,这是一个前端必不可少的哟。本文我旨在解决两个问题:(1)如何便于更好的嵌套多级表头(2)如何通过a-checkbox控制全选,单选显示a-table对应的列元素类似于ElementUI,Ant-Design-vue中有很多相似点,但又不完全苟同,有很多自己独有的写法和思想。相信很多人都是先入手ElementUI,再入手Ant,这其实是对开发者比较友好的方式,如果原创 2021-05-26 10:15:11 · 4373 阅读 · 86 评论 -
vue-ant-admin中如何使用 i18n.js 国际化文件
1.路由配置:config.js文件下配置页面路由import TabsView from '@/layouts/tabs/TabsView'import BlankView from '@/layouts/BlankView'import PageView from '@/layouts/PageView'// 路由配置const options = { routes: [ { path: '/login', na原创 2021-05-12 09:28:51 · 542 阅读 · 5 评论 -
vue-ant-admin后台管理系统
一、前言前面我们使用了vue+element UI做的类似于人人开源的后台管理系统,朋友推荐了一款vue+AntDesign版本的后台管理系统模板,这个可以实现服务于企业级别的后台系统。各项功能和界面的给人一种全新的感觉。下面我们一起来学习一哈!二、介绍vue-ant效果:文档地址:https://www.antdv.com/docs/vue/introduce-cn/源码地址:https://github.com/vueComponent/ant-design-vue/组件类型原创 2020-11-03 16:43:29 · 18773 阅读 · 1 评论 -
Warning: [antdv: DatePicker] `value` provides invalidate moment time. If you want to set empty value
产生原因很明显,上面data中定义的绑定日期变量是一个字符类型,a-date-picker绑定的时间变量是一个string类型,而antdesignvuedatepicker默认需要moment格式,所以会报错。原创 2021-05-10 14:47:19 · 11678 阅读 · 0 评论