E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
antd-vue
动态合并单元格
搬运地址
antd-vue
之table合并单元格使用//合并单元格,这里我抽出了一个函数,调用的时候只需要将dataIndex作为参数传入即可rowSpan(key){letarr=this.data//
一个孩孓
·
2021-11-04 10:04
antd vue upload组件使用customRequest上传文件显示文件上传进度
antd-vue
上传文件upload组件使用自定义上传方法customRequest无法显示文件上传进度条,如下图红框内的进度条无法显示当前文件上传进度于是,在网上搜索解决方案:第一种解决方案是自己封装组件
Seven_1213
·
2021-06-20 17:27
公司基础开发平台(xxxx)-前端组件Api
文章目录xxxVueOverview前端技术项目下载和运行前端常用组件说明JDate日期组件使用文档说明:
antd-vue
日期组件需要用moment中转一下,用起来不是很方便,特二次封装,使用时只需要传字符串即可参数配置使用示例
成为架构师的Man
·
2021-04-24 10:13
Vue专栏
vue
ui框架组件中的过渡动画卡顿
使用的ui框架
antd-vue
问题描述菜单切换卡顿tabs切换卡顿radio-group切换卡顿问题排查接口数量接口返回数据量接口返回时间从以上三个角度排查发现数据数量和接口返回数据量越多,越卡顿成正相关同时发现接口返回时间也会影响
·
2021-04-13 14:41
javascript
ui框架组件中的过渡动画卡顿
使用的ui框架
antd-vue
问题描述菜单切换卡顿tabs切换卡顿radio-group切换卡顿问题排查接口数量接口返回数据量接口返回时间从以上三个角度排查发现数据数量和接口返回数据量越多,越卡顿成正相关同时发现接口返回时间也会影响
·
2021-04-13 13:48
javascript
antd-vue
列表(table、list)自定义缺省ui
一、
antd-vue
官方给出的空数据的参数也给出了例子,emptyText:'暂无数据'。如果你只需要改文案,按照这个方式即可。
·
2021-03-26 19:22
antd-vue
的date-picker限制不能选择今天之前的时间
我们在使用
antd-vue
的日期选择组件时,有时需要限制今天以前的日期不可选中,要怎么实现呢?
·
2021-03-26 19:30
vue.jsantd-vue
antd-vue
组件国际化locale配置
前提是你已经安装了
antd-vue
,继续做如下操作:一、安装momentnpmimoment二、app.vue文件配置importzh_CNfrom'ant-d
·
2021-03-26 19:30
vue.jsantd-vue
antd-vue
列表(table、list)自定义缺省ui
一、
antd-vue
官方给出的空数据的参数也给出了例子,emptyText:'暂无数据'。如果你只需要改文案,按照这个方式即可。
·
2021-03-26 19:46
antd-vue
的date-picker限制不能选择今天之前的时间
我们在使用
antd-vue
的日期选择组件时,有时需要限制今天以前的日期不可选中,要怎么实现呢?
·
2021-03-25 22:20
vue.jsantd-vue
antd-vue
组件国际化locale配置
前提是你已经安装了
antd-vue
,继续做如下操作:一、安装momentnpmimoment二、app.vue文件配置importzh_CNfrom'ant-d
·
2021-03-25 16:44
vue.jsantd-vue
antd-vue
中a-range-picker限制日期最大选择区间
业务需求:当选择完一个开始日期,截止结束日期不得大于x天下图示例为限制范围为7天内源码importmomentfrom'moment';exportdefault{data(){return{priceRangeDate:[],selectPriceDate:'',offsetDays:86400000*7//最多选择7天}},methods:{moment,//选择完时间清空限制changePr
我小子真帅
·
2021-02-23 17:56
antd-vue
时间
vue3+tsx环境创建及使用跳坑项
对比了element-plus和
antd-vue
两个ui库,使用
antd-vue
的话可能更贴近react的ui库antd,这里使用element-plus创建环境。
·
2021-02-05 11:46
antd-vue
表单input框setFields方式错误信息设置的坑
做一个简单的表单提交,后端验证有错误之后返回,显示在input框的错误提醒位置,当使用setFields方法时遇到的错误很无奈Antd-pro文档如图//代码如下varerrors=error.response.data.errorfor(letiinerrors){this.form_b.setFields({name:{//errors:[newError(errors[i])]errors:
·
2021-01-22 08:50
前端antd-vue
vue 省市区三级联动 antd 级联组件 Cascader
需求与功能该功能实现了中国内的省市区的三级联动,基于
antd-vue
中的Cascader做的组件,支持原有的所有功能效果展示支持联想搜索支持显示部分省份例子(本例子是基于antd做的,在element-ui
希文Gershwin
·
2021-01-08 15:13
Vue
npm库
vue
级联组件
省市区三级联动
【
Antd-Vue
】你的cascader或select清空功能(allowClear)失效了吗?
在工作中遇到的一个小小BUG在使用ant-design-vue的cascader时,发现清空内容的功能没有用,查阅官方文档也并没有找到相关的解决方案。然后找到了这样的内容:antdSelect组件的allowClear点击失效无法清空?观察发现,由于同时设置了value属性和allowClear属性,导致无法点击X清空当前选中项,官方相应的文档并没有提供allowClear点击事件让我们订制自己的
Coder_WangYu
·
2021-01-04 21:21
前端
vue.js
ant-design
【
Antd-Vue
】你的cascader或select清空功能(allowClear)失效了吗?
在工作中遇到的一个小小BUG在使用ant-design-vue的cascader时,发现清空内容的功能没有用,查阅官方文档也并没有找到相关的解决方案。然后找到了这样的内容:antdSelect组件的allowClear点击失效无法清空?观察发现,由于同时设置了value属性和allowClear属性,导致无法点击X清空当前选中项,官方相应的文档并没有提供allowClear点击事件让我们订制自己的
Coder_WangYu
·
2021-01-04 16:45
前端
vue.js
ant-design
antd-vue
时间选择器设置mode=year
openChange(status){if(status){this.isopen=true;}else{this.isopen=false;},panelChange(value){this.year=value;this.isopen=false;},
麻辣_水煮鱼
·
2020-12-16 16:46
vue
antd年份选择器
antd-vue
Antd-vue
Table组件添加Click事件,实现点击某行数据教程
给Table组件添加Click事件,实现点击某行数据操作customRow设置行属性Function(record,index)通过customRow属性给table添加自定义事件methods:{handleClickRow(record,index){return{on:{click:()=>{console.log(record,index)console.log('点击行内容record'
·
2020-11-17 11:59
antd-vue
table表头换行!!!
之前一直在想可不可以用或者\n这种来换行,发现都不行正解:colnums2:[{title:()=>{return(第一行第二行)},dataIndex:'a',width:180,align:'center',fixed:'left',key:'a',},]没错就这么简单……………………………………万物皆可()=>
一只学习的小透明
·
2020-09-14 10:49
vue-antd
antd-vue
表格内部换行
1.首先在table中添加插槽{{value}}2.在表格属性中添加scopedSlots{title:'内容',dataIndex:'txt',key:'txt',width:450,scopedSlots:{customRender:'txt'},},3.在数据处理中,将换行分隔符转化为'\n'desc_txt.replace(//g,'\n')搞定~~~~~我的理解是~~其实也就是把表格里的
一只学习的小透明
·
2020-09-14 10:49
vue-antd
antd-vue
中给table表格整行加点击事件
record.id"@change="paginationChange"bordered:customRow="click"//这个是重点,主要是给table添加属性的作用>//内容methods:{click(record,index){return{on:{click:()=>{console.log(record,index)}}}}}注:不仅可以添加点击事件还可以添加其他的事件转载于:ht
weixin_34220963
·
2020-09-13 03:38
antd-vue
中的form表单label标签for导致点击文字触发输入框解决方案
Upload转载于:https://www.cnblogs.com/lanshu123/p/11274126.html
weixin_30954607
·
2020-09-11 10:15
javascript
antd-vue
Select选择器多选清空tag的问题
起因公司本月做了个后台管理项目,用了antdesignvue,压根儿没用过所以不熟悉,遇到了选择器多选tag清空的问题。搜了很多有一篇符合但太繁琐,贴上我的解决方法作为记录。如果以下代码不能解决你的问题希望留言讨论代码{{item.name}}data(){return{value:[],//输入值}}//重置methods:{handleReset(){this.value=[]},}
lululutianhao
·
2020-08-29 01:34
antd-vue
vue
Antd-vue
Table组件添加Click事件,实现点击某行数据操作
给Table组件添加Click事件,实现点击某行数据操作customRow设置行属性Function(record,index)通过customRow属性给table添加自定义事件methods:{handleClickRow(record,index){return{on:{click:()=>{console.log(record,index)console.log('点击行内容record'
DuebassLei
·
2020-08-18 21:59
Vue
强烈推荐!Vue知识总结,面试必备
pc端ui:
antd-vue
||element-ui等.移动端ui:mint-ui||Vant等.2.v-model是什么?如何使用?vue中标签怎么绑定事件?答:v-model可以实现数据的双
众生皆苦唯有我甜
·
2020-08-18 19:38
vue
vue全家桶和react全家桶
vue全家桶:vue(整体架构)+ vuex(状态管理)+ vue-router(路由)+ vue_resource||axios(ajax请求)+ mint-UI(移动端UI框架库)||
antd-vue
超级吴小迪
·
2020-08-10 04:12
面试经验
react全家桶
vue全家桶
react全家桶包括哪些东西
antd-vue
中table行高亮效果实现
【方式一】:通过设置customRow达到目的,点击时遍历所有行设置为正常颜色,把当前行设置为特殊颜色(高亮色)HTML:JS->methods://自定义行customRow(record){return{on:{click:(e)=>{constoldList=document.querySelectorAll('.checked-td-of-add-table')if(oldList){fo
jardeng
·
2020-08-09 01:00
Antd vue左侧动态菜单刷新自动展开选中并只能展开一个
用
ANTD-Vue
做管理页面的左侧菜单需要在刷新后也能保持左侧菜单被选中和展开且只能展开一个菜单成品效果图1.在刷新后保持菜单选中这个比较简单ANTD的API中提供了一个defaultSelectedKeys
Jack丶Zhou
·
2020-08-01 09:11
antd-vue
上传组件踩坑记录
使用
antd-vue
上传组件踩坑记录使用的时候,发现在上传成功后change事件之回调了一次,而且file.status一直是uploading上传后来在这里https://github.com/ant-design
暴走的咖喱
·
2020-07-30 18:02
前端
vue
antd-vue
中表格的使用
效果图:一,基本的使用代码:{{index+1}}删除js:data(){return{columns:[{title:"序号",scopedSlots:{customRender:"sort"},width:80},{title:"姓名",dataIndex:"userName",width:200},{title:"用户id",dataIndex:"id",width:100},{title:
Zeng__Y1
·
2020-07-11 00:03
Antd
Vue
2020年前端面试题汇总
答案:vue全家桶:vue(整体架构)+ vuex(状态管理)+ vue-router(路由)+ vue_resource||axios(ajax请求)+ mint-UI(移动端UI框架库)||
antd-vue
全栈开发者AA
·
2020-06-21 18:04
js
vue
css
基于vue开发的一款强大的表单设计器,支持element和
antd-vue
表单快速开发。
基于vue和element-ui实现的表单设计器,使用了最新的前端技术栈,内置了i18n国际化解决方案,支持生成element和
antd-vue
表单,让表单开发简单而高效。
wx5e551dec271a1
·
2020-02-25 21:52
vue.js
element
ant-design-vue
antd-vue
按需引入出错
通过vue脚手架3安装antd-vuevueaddant-design开始配置按需引入配置babel-plugin-import是一个用于按需加载组件代码和样式的babel插件,如果需要样式自动加载那么要先装这个插件npminstallbabel-plugin-import--dev安装完后需要配置babel.plugin.config文件,完全安装官方文档做module.exports={"pr
霸王爱虞姬咩
·
2019-11-18 17:16
从零开始ant-design-vue-pro开发笔记(一)
技术栈:ES2015+、Vue.Js、Vuex、Vue-Router、g2和
antd-vue
。初始化项目采用Vuecli工具帮我们快速搭建
西街二叔
·
2019-10-17 20:00
jeecg-boot:前端antd 表单校验方式整理
jeecg-boot对
antd-vue
的校验做了封装,总体来讲分为表单校验和JEditableTable校验:表单校验:以以下为例:<a-inputplaceholder="请输入设备大类编码"
gwcgwcjava
·
2019-07-01 18:18
jeecg-boot
JEECG
JEECG-BOOT实战
vue antd 基于json schema 的动态表单实现 二: 动态表单使用
源码vue-alainvueantd基于jsonschema的动态表单实现一:schema介绍vueantd基于jsonschema的动态表单实现三:实现运行结果展示表单是
antd-vue
官方的最后一个案例
诸葛_小亮
·
2018-11-05 10:09
上一页
1
2
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他