![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
iview
曹天骄
这个作者很懒,什么都没留下…
展开
-
iview form 表单 自定义参数验证 validate
需求,使用的是iview框架的Form组件,一般简单input类型数据,使用简单的验证配置就可以达到效果。如官方的写法。 iview 表单验证 地址 https://www.iviewui.com/components/form iview 默认验证库 async-validator 地址 https://github.com/yiminghe/async-validator ruleValida...原创 2018-11-24 11:00:42 · 16460 阅读 · 1 评论 -
iview tag 标签点击事件
iview的tag组件有一个地方比较奇怪,就是默认只有on-close事件。 当我们想点击关闭和激活tag组件的时候,我们只能自己进行维护。 需要只用click.native进行控制 <Tag color="red" :checkable="true" :checked="false" @click.native="tagClick">报警警告</Tag> ...原创 2018-12-07 22:03:39 · 7790 阅读 · 0 评论 -
vue jsx 使用 自定义组件
Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML。然而在一些场景中,你真的需要 JavaScript 的完全编程的能力,这时你可以用 render 函数,它比 template 更接近编译器。 我这里,举一个简单的例子。在iviews中使用自定义DButton组件。 特别需要注意的是组件命名按照PascalCase格式。 1、在目录components中新建文件DButto...原创 2019-02-11 11:27:51 · 3772 阅读 · 0 评论 -
iview代码片段 去除水平menu底部横线
此处记录日常写的小代码片段 直接使用iview的Menu在底部会出现一条border线,而我的使用场景,不需要border线。所以我就覆盖一下它原来的样式,就可以了。 代码: .ivu-menu-light { &:after { height: 0px !important; } } 效果: ...原创 2019-07-19 20:59:47 · 1659 阅读 · 1 评论 -
vue js xlsx 读取 本地 excel
最近在写一个人力资源管理系统,主要目的是将本地的excel文件读取解析,将有效数据传到后台。 下文介绍流程,文末附有参考文章。 1、安装npm包xlsx yarn add xlsx 2、结合上传组件和自己写的读取方法readXLSX,可以进行本地excel读取。 我使用的语言是vue,代码如下: <template> <div> <Upload acti...原创 2019-07-22 13:57:28 · 5357 阅读 · 1 评论