ant-design-vue
夜跑者
目前从事web前端,小程序开发。熟悉vue框架,uni-app跨端框架。
展开
-
ant design vue 分页 双焦点问题
在做一个需求的时候,发现在table下面的分页按钮出现了双焦点,且切不到第一页了,如下图所示:进入页面的时候是第1页, 然后点击第3页,第一页的焦点还在,这时再点击第一页表格不动。经定位发现是由于a-table组件中的:pagination="pagination" 属性设置的有点问题,设置的current 一直为1,所以导致了此问题。 this.currentPage是后端返回的,表示当前页,一直返回1。把current: this.currentPage, 这一行注释掉就可以了。原创 2021-01-14 17:26:42 · 477 阅读 · 0 评论 -
Ant design Vue Form表单 labelCol wrapperCol 含义
ant design vue 中 form 表单在使用的时候labelCol wrapperCol 所设的值把我搞懵了。尤其还有xxl, xl, lg, md 这些参数。labelCol 是label所占的百分比,wrapperCol 是label后面的内容所占的百分比。xxl, xl, lg, md 这些参数是在不同的分辨率下 labelCol wrapperCol所占的百分比。代码如下:<template> <a-form :form="form" ...原创 2021-01-01 21:15:30 · 18061 阅读 · 5 评论 -
用小眼睛图标控制手机号脱敏显示
用的是vue框架,以及ant design vue 组件库,代码如下:<template> <a-form :form="form"> <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="手机号" > <a-input disabled v-mode原创 2020-11-11 19:40:04 · 1623 阅读 · 0 评论 -
ant design vue 初体验
Ant Design Vue 是使用 Vue 实现的遵循 Ant Design 设计规范的高质量 UI 组件库,用于开发和服务于企业级中后台产品。按官方文档用vuecli 3.0搭建了一个开放环境,引入了ant design vue 。具体流程不说了,参考官方文档https://www.antdv.com/docs/vue/use-with-vue-cli-cn/按这个文档在设置按需加载的时候{ libraryName: "ant-design-vue", libraryDirectory: "原创 2020-10-28 19:40:56 · 437 阅读 · 0 评论