随笔分类 - AntDesign(Vue)

学习AntDeisgn中的心得,原创系列
AntDesign VUE3.0 DEMO 发布
摘要:https://2x.antdv.com/docs/vue/migration-v2-cn/ 虽然是Demo版本,文档上之前1.x 版本的功能2.0版本没有写,不确定是不是可以直接使用1.x 的API 1、设计规范调整 行高从 1.5(21px) 调整为 1.5715(22px)。 基础圆角调整,由 阅读全文
posted @ 2020-09-23 10:08 zhaogaojian 阅读(339) 评论(0) 推荐(0) 编辑
AntDesign vue学习笔记(九)自定义文件上传
摘要:第七节时提到,上传文件时实际可能需要传输一个token。 方法一: 1、查看vue antdesign文档https://vue.ant.design/components/upload-cn/ 2、使用customRequest customRequest 通过覆盖默认的上传行为,可以自定义自己的 阅读全文
posted @ 2019-07-19 19:05 zhaogaojian 阅读(21381) 评论(1) 推荐(1) 编辑
AntDesign vue学习笔记(八)Table服务端分页使用
摘要:本文是AntDesign后端分页方法 1、设置pagination <a-table :columns="columns" :dataSource="data" :rowSelection="rowSelection" :pagination="pagination"> <a slot="actio 阅读全文
posted @ 2019-07-10 10:32 zhaogaojian 阅读(5782) 评论(0) 推荐(1) 编辑
AntDesign vue学习笔记(七)Form 读写与图片上传
摘要:AntDesign Form使用布局相比传统Jquery有点繁琐 (一)先读写一个简单的input为例 <a-form :form="form" layout="vertical" hideRequiredMark> <a-row> <a-col :span="8"> <a-form-item la 阅读全文
posted @ 2019-07-07 16:02 zhaogaojian 阅读(7242) 评论(0) 推荐(1) 编辑
AntDesign vue学习笔记(六)Table 显示图片
摘要:AntDeign官网上没有table动态绑定显示图片的示例,baidu上搜索出来的大部分都是React语法,无法使用。 经过摸索,实现方法如下:以显示一个图片,一个按钮为例(picurl是返回的json数据,内容为图片地址)。 1、设置column,scopedslots const columns 阅读全文
posted @ 2019-07-02 11:59 zhaogaojian 阅读(10041) 评论(0) 推荐(1) 编辑
AntDesign vue学习笔记(五)导航菜单动态加载
摘要:一、使用官方例子 <template> <div style="width: 256px"> <a-button type="primary" @click="toggleCollapsed" style="margin-bottom: 16px"> <a-icon :type="collapsed 阅读全文
posted @ 2019-06-28 11:51 zhaogaojian 阅读(16197) 评论(2) 推荐(1) 编辑
AntDesign vue学习笔记(四)使用组件切换
摘要:同样实现上一篇功能, 改为使用组件切换,实现方法如下 1、修改MainFrm中的<router-view/>如下代码 2、注册局部组件 此处自定义的Student组件未实现install方法的话,使用Vue.Use(Student)可能不起作用,如果需要使用,需要在组件中增加install方法,看网 阅读全文
posted @ 2019-06-27 11:25 zhaogaojian 阅读(3218) 评论(0) 推荐(0) 编辑
AntDesign vue学习笔记(三)嵌套路由使用
摘要:本项目目前结构如下 1、Login页面=》MainFrm页面=》MainFrm左部菜单,右边是显示区域可以切换子页面。 2、当点击左部菜单时,右边的子页面随着进行切换。 实现关键代码如下1、修改router下的index.js 2、在MainFrm中修改代码如下,a-layout为antdesign 阅读全文
posted @ 2019-06-24 20:27 zhaogaojian 阅读(5911) 评论(0) 推荐(0) 编辑
AntDesign vue学习笔记(二)axios使用
摘要:之前在vue页面中引入axios使用,本篇在mainjs中引入,这样就不用单独在每个页面引入 1、mainjs中引入axios,设置基础url 2、在vue页面中,注意axios前需要加this. 3、function (response)中必须使用that才能获取到$router对象,有没有办法直 阅读全文
posted @ 2019-06-21 19:25 zhaogaojian 阅读(3418) 评论(0) 推荐(0) 编辑
AntDesign vue学习笔记(一)初始化项目
摘要:最近学习AntDesign组件使用,官方Pro例子集成度太高,不容易学习,将从最基础组件一个一个搭建。 1、创建Vue Cli项目 2、引入ant design组件 $ cnpm i --save ant-design-vue 3、安装组件babel-plugin-import 4、修改babelr 阅读全文
posted @ 2019-06-20 20:20 zhaogaojian 阅读(2363) 评论(0) 推荐(2) 编辑