![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
iView
文章平均质量分 69
Connie_豆
一个开始活在脱发恐惧中的“伪”程序媛……
伴随着发量的减少还有健忘……
看过的东西不去温习的话经常忘记,希望在这里把学习到的东西都记录下来。
这个号有了很久了,但是最近才开始记录,因为之前习惯用印象笔记,后续希望自己不要犯懒,慢慢把印象笔记上的东西搬过来
男朋友也是程序猿,希望他良心发现,记得过来给我点赞(抠鼻抠鼻)
展开
-
vue+iView 引入iconfont
iView本身的图标不是很多,所以在选择图标的时候翻出了收藏了好久的iconfont~iconfont是阿里出品的开源图标库,有非常多的图标,兼具美观和全面,非常适合找图标~网址:iconfont官网一、引入单色图标1. 新建项目 2. 选择喜欢的图标加入购物车,将鼠标放在喜欢的图标上面就会显示菜单。3. 将购物车的图标加入项目;点击右上角的“购物车”按钮弹出...原创 2018-09-28 17:01:01 · 8451 阅读 · 0 评论 -
【组件推荐&改造】基于element-ui 实现的iview风格tree组件
由于iview的tree组件API比较少,加上项目的需要iview的tree组件并不能完全的实现我想要的效果,于是就在网上找了一圈,发现了某位大佬改造的tree组件(https://www.npmjs.com/package/chu-tree-iview)。 这个组件将element ui的tree组件改造成iview风格的,当时使用的时候是基于element ui...原创 2019-10-01 12:03:26 · 783 阅读 · 0 评论 -
【小tips】vue+iview,动态计算table高度,保证页面无竖向滚动条
一、场景这是一个常规的后台管理系统的网站界面:(orz……怎么拉伸成这个样子……)我个人看这种界面的时候,是非常不喜欢竖向出现滚动条的,像搜索区域、工具栏这种固定的区域我希望是不动的,只需要拖拽表格的滚动条就可以看其他数据(就像上面的截图)。二、解决思路:header、面包屑、页码器 的高度是固定的; 工具栏和搜索区域是不固定的,因为具栏在一个操作权限都没有的时候是...原创 2019-03-28 15:36:35 · 3424 阅读 · 1 评论 -
iview表单验证number的一个坑(async-validator)
其实说起来这也不算是一个坑,只能说因为number校验比较特殊。今天做表单验证需要做一个验证:判断输入的必须是金额(数字),而且不能为空。于是毫不犹豫的我这样写的:<FormItem label="Money" prop="money"> <Input v-model="formValidate.money" placeholder="Enter your ...原创 2019-02-25 11:07:15 · 9339 阅读 · 4 评论 -
vue+iview项目webpack打包报错:Unexpected token: punc (() / punc (>)
昨天第一次尝试打包,因为用的是vue-cli,所以直接执行npm run build就可以了。但是执行完成报错了:ERROR in 0.866cdedf48bcb07fd685.chunk.js from UglifyJsUnexpected token: punc (() [0.866cdedf48bcb07fd685.chunk.js:1173,13]ERROR in 1.866...原创 2018-11-13 14:35:24 · 1675 阅读 · 3 评论 -
vue+iview 封装类似easyUI表格组件(数据表格+页码)(列配置支持slot啦)
一、场景在使用iview的时候发现表格和页码组件是分开的,我之前使用的UI组件库如easyUI和miniUI,它们的组件库是类似这样的:只需要提供数据和数据总条数就可以渲染出表格+页码+描述,因此萌生了包装一个这样的表格组件;必然会有考虑不周全或者可以优化的地方,在开发这一个月来陆陆续续修改了几次,目前看来可以满足大多数情况了~先看一下实现的效果:二、实现细节...原创 2018-11-06 09:54:02 · 1774 阅读 · 5 评论 -
【iview】如何设计一个可以搜索的菜单列表
一、场景 最近在做的某系统,菜单非常多,系统本身业务比较多,再加上十好几张报表,导致整个菜单列表非常长,用户在找的时候非常的不方便,于是便想着给菜单列表加上搜索功能,先瞧一下效果,从左到右分别是:未搜索,搜索,折叠 二、实现思路MenuList设置成计算属性,根据搜索框的值过滤菜单列表,实现思路是比较简单的,但是有一...原创 2018-10-27 17:04:19 · 2342 阅读 · 3 评论 -
修改巨人的npm包 & 如何用npm上传、更新自己的包
其实刚刚从传统前端+后端转到现在主流的node,前后端分离,vue三个月不到的我,其实还没有想过自己会写包上传到npm给大家使用……契机来源于,我下载了一个别人写好的基于vue实现的tree grid包,但是我需要修改一些样式,但是下载下来的在node_modules的源码直接改是没有用的,参考了网上的一些文章,总结一下如果出现这种需求的话怎么处理~1. 在npm官网,包的介绍...原创 2018-10-15 15:31:27 · 2089 阅读 · 7 评论 -
解决iview菜单使用iconfont图标无法显示的问题
写在前面:首先,我出现问题的场景是使用在导航菜单上,即 Menu Item;其次,我是使用json文件递归生成的菜单列表,在meta属性中设置的icon; 今天在使用iconfont的图标作为菜单的图标时发现总是显示成方框框使用方法和设置Button的图标是一样的,检查了好久也没有发现问题,百思不得其解……使用F12检查元素,发现原来框架是在样式前面加上了 iv...原创 2018-09-28 17:14:31 · 19905 阅读 · 6 评论 -
【组件推荐&改造】vue实现的tree grid 树形表格
因业务需要,我需要一个树形表格,类似这样的:然而iview中的table是这样的:其实,准确的来说,iview中的表格并不是树形表格,只是用于展开显示每一行的更多信息;在网上找了一圈,发现有位大佬用vue封装的iview风格的树形表格(vue-table-with-tree-grid),在此基础上我又进行了一些调整和优化:1. 增加节点图标;2. 可以自定义展开的节点;...原创 2019-10-01 15:16:50 · 1983 阅读 · 1 评论