
iview
曹天骄
这个作者很懒,什么都没留下…
展开
-
iview form 表单 自定义参数验证 validate
需求,使用的是iview框架的Form组件,一般简单input类型数据,使用简单的验证配置就可以达到效果。如官方的写法。iview 表单验证 地址 https://www.iviewui.com/components/formiview 默认验证库 async-validator 地址 https://github.com/yiminghe/async-validatorruleValida...原创 2018-11-24 11:00:42 · 16604 阅读 · 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 · 7860 阅读 · 0 评论 -
vue jsx 使用 自定义组件
Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML。然而在一些场景中,你真的需要 JavaScript 的完全编程的能力,这时你可以用 render 函数,它比 template 更接近编译器。我这里,举一个简单的例子。在iviews中使用自定义DButton组件。特别需要注意的是组件命名按照PascalCase格式。1、在目录components中新建文件DButto...原创 2019-02-11 11:27:51 · 3852 阅读 · 0 评论 -
iview代码片段 去除水平menu底部横线
此处记录日常写的小代码片段直接使用iview的Menu在底部会出现一条border线,而我的使用场景,不需要border线。所以我就覆盖一下它原来的样式,就可以了。代码:.ivu-menu-light { &:after { height: 0px !important; } }效果:...原创 2019-07-19 20:59:47 · 1710 阅读 · 1 评论 -
vue js xlsx 读取 本地 excel
最近在写一个人力资源管理系统,主要目的是将本地的excel文件读取解析,将有效数据传到后台。下文介绍流程,文末附有参考文章。1、安装npm包xlsxyarn add xlsx2、结合上传组件和自己写的读取方法readXLSX,可以进行本地excel读取。我使用的语言是vue,代码如下:<template> <div> <Upload acti...原创 2019-07-22 13:57:28 · 5436 阅读 · 1 评论