antd-vue
互联网切图仔
这个作者很懒,什么都没留下…
展开
-
基于腾讯地图+Ant-Design-Vue封装省市区联动查询组件
一、腾讯地图key申请附上教程:腾讯地图key申请二、在项目加载JS API在VUE项目的pubilc文件夹下的index.html中加入<script src="https://map.qq.com/api/gljs?v=1.exp&key=你申请的key"></script>三、组件封装1、在src>components文件夹下新建MyMap.vue2、代码如下:<template> <div> <div原创 2021-11-03 15:36:06 · 1345 阅读 · 2 评论 -
实习随笔-8、antd-vue Table组件根据权限在对应行渲染操作
序言:需求:最近在开发一个功能,是需要根据用户身份与建议书的状态两者的结合来得出用户所拥有的操作,并需要渲染到对应的表格行上面。由于本项目是用antd-vue来进行开发的,笔者也是第一次用这套组件,着实费了我一些功夫才搞出来,用的是比较直观的方法,优化上尚有欠缺,希望各路大佬补充需求实现:代码实现:一、首先,我们要想的是,怎么将这些操作渲染到表格的操作列上面1、我们先来看看,antd-vue Table组件的api,这时我们发现了,在Table 的Column里面,有这样的api,是不是很原创 2020-11-14 00:41:33 · 820 阅读 · 0 评论 -
实习随笔-7、Antd-vue表格分页器设置
序言:最近使用antd-vue进行开发,在使用表格组件Table时,遇到了一个问题,就是表格组件自带分页器,而且分页器的样式和我想要的不一样(应该是和产品要的不一样),比如自带的是这样的:需求是这样的:实现过程:1、引入Table组件(我是按需引入的)main.jsimport Table from 'ant-design-vue'Vue.use(Table);2、附上页面组件代码在a-table标签内使用:pagination="pagination"绑定分页器属性,然后在dat原创 2020-11-11 19:35:24 · 1951 阅读 · 0 评论 -
实习随笔-6、Antd Vue LocaleProvider中文配置时间组件
1、在vue项目中的main.js中加入以下设置import moment from 'moment';import 'moment/locale/zh-cn';moment.locale('zh-cn');2、同样是在main.js中,引入local Provider国际化组件,因为我的组件都是按需引入的,所以需要这样设置import { ,LocaleProvider } from 'ant-design-vue'; //引入组件,但不用引入样式Vue.use(LocaleProvider原创 2020-11-11 19:17:36 · 476 阅读 · 0 评论 -
实习随笔-5、Antd-vue-table 表格自增排序
实现效果:实现代码:{ title: '序号', dataIndex: 'number', key: 'number', scopedSlots: { customRender: 'number' }, width:100, align:'center', // sorter: (a, b) => a.number - b.number, customRender: (text, record, index) => `${in原创 2020-11-11 14:51:28 · 156 阅读 · 0 评论