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