![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
iview
cnmone
这个作者很懒,什么都没留下…
展开
-
vue+iview项目中全局loading效果
title: vue+iview项目中全局loading效果这篇文章主要介绍了vue+iview项目中全局loading效果的配置问题。问题描述vue项目中如果出现了接口嵌套的状况,外层的接口完成后loading效果就消失了,导致页面在请求到内部接口时没有任何效果问题分析看了源码发现这个Spin组件销毁组件时延迟了500ms,所以嵌套的接口在内部接口开始调用Spin后马上就要执行销毁操作了。另一个重要的原因是请求接口封装的api的url是固定的导致queue队列中只有一条数据。解决方法在每.原创 2020-12-08 08:41:47 · 3506 阅读 · 2 评论 -
iview日期组件取一个时间区间
问题描述:需求要求通过日期组件选择一个日期区间,返回的值类似 [2020-01-01, 2020-05-31],现在的问题是设置组件type="month"返回的数据是[2020-01-01, 2020-05-01]这个问题就变成了如何将‘2020-05-01’变化为‘2020-05-31’解决办法使用new Date(year, month, 0)的方式,可以获取该月的最后一天,注意其中的year和month是数字类型的。function getDate(dateRange) { l原创 2020-08-22 11:37:03 · 375 阅读 · 0 评论 -
vue项目中按需加载动态组件
这篇文章主要介绍了如何在vue项目中按需加载动态组件。目录结构// view下有个page1文件夹,其中包含componensts组件和page1.vue,还有map.js存放page1.vue中动态加载componensts组件的映射关系- view-- page1--- components---- com1---- com2--- page1.vue--- map.js主文件page1.vue引入组件(常规引入组件)<template> <div cla原创 2020-06-08 00:00:34 · 2057 阅读 · 2 评论 -
iview使用select封装的组件添加filterable属性有空格
问题:项目使用vue2.6+iview3.0,其中有一个需求是下拉框能够输入过滤,iview的select有个filterable属性可以实现这个效果。但是加上这个属性后发现选中文字前后都有大量的空格导致选中的条目位置发生了变化。解决办法:将option标签中换行导致的空格去掉就好了<!--修改之前--><Select v-model='value' filterable> <Option v-for='(dict, index) in dictList'原创 2020-05-22 07:33:24 · 914 阅读 · 1 评论 -
vue+iview InputNumber最小值限制输入问题
问题描述:<InputNumber min="9" v-model="num"><InputNumber/>输入任意数字都会变成9,我想输入12但是刚输入1输入框中的值就成了9,感觉是个InputNumber组件的bug??解决问题:查看文档说明 限制最大值最小值只能设置 :active-change=“false” 失去焦点去设置限制修改后的:<Inp...原创 2020-03-27 08:30:37 · 5843 阅读 · 0 评论 -
iview的table中Tooltip使用
这篇文章主要介绍了iview-admin中在table中使用Tooltip提示效果。1. table中文字溢出隐藏,提示气泡展示所有信息jLongText(item){ item.render = (h, params)=>{ // 处理文字,溢出用点代替 let txt = params.row[params.column.key] ...原创 2019-11-26 20:23:52 · 4011 阅读 · 1 评论 -
通过权限控制多模块参数显隐和校验
这篇文章主要介绍了一套完整的通过权限控制参数的显示隐藏和校验方法。尤其适合多个相差不大的可复用模块的参数显示隐藏控制和参数提交校验。1. 参数按权限显示动态校验规则1.1 所有规则数组// 所有规则可以写在一起,使用时按照权限获取对应的一个或几个规则allRules: [ {name: 'pdNm', required: true, reg: /^[A-Z]{4}$/, msg...原创 2019-11-05 16:37:34 · 226 阅读 · 0 评论 -
iview中table表格中添加选择组件,可编辑表格,日期组件,超链接组件
这篇文章主要介绍了iview的table组件中使用选择框,日期,可编辑表格,超链接等组件。1.select选择组件// tableColumn数组响应对象需要传入一个固定的option数组,如果该数组是异步动态生成的该组件不能正常渲染,因为在获取option数组之前table渲染时option是undefined。supportSelect(item) { item.rende...原创 2019-09-28 22:16:55 · 2416 阅读 · 2 评论 -
vue+iview表单校验使用小结
title: iview的表单验证category:iviewtags:valid这篇文章时关于如何使用iview的form表单校验。主要学习如何使用form校验(以校验文字长度为例),以及如何动态添加校验规则。1.为需要校验的表单添加form标签<!--注意: ref/rules/model/prop等属性是必须的--><Form res="foemR...原创 2019-08-10 20:07:13 · 513 阅读 · 0 评论 -
vue+axios请求接口url超长
1.问题描述iview-admin项目中使用axios的post方法发送请求到后台,message中数据多的时候会出现报错,请求url超长,Request Url Too Long2.解决办法在服务端的httpd.conf文件中修改下请求url的默认长度就可以了...原创 2019-08-10 18:43:37 · 1567 阅读 · 1 评论 -
vue+iview 通过a标签实现文件下载解决方法
vue+iview 通过a标签实现文件下载方法一:注意: 如果下载的文件放在本地目录下,一定要将模板文件放到 public 目录下,否则由于权限问题找不到文件路径: 项目更目录–》public–》tpls–》下载模板.xls1.1 直接使用a标签 + download属性<a :href="downUrl" target="_blank" :download="downNm">...原创 2019-07-09 18:58:29 · 7951 阅读 · 0 评论