Vue2.0 + Element-UI + WebAPI实践:简易个人记账系统
最近正在学习Vue2.0相关知识,正好近期饿了么桌面端组件Element-UI发布,便动手做了一款简易个人记账系统,以达到实践及巩固目的。1.开发环境Win10 + VS2015 + Sqlserver2008R2 + WebAPI + Dapper + Vue2.0 + Element-UI2.项...
项目前端 - vue配置 | axios配置 | cookies配置 | element-ui配置 | bootstra
vue项目创建环境1.傻瓜式安装node: 官网下载:https://nodejs.org/zh-cn/?2.安装cnpm: >: npm install -g cnpm --registry=https://registry.npm.taobao.org?3.安装vue最新脚手架: >...
基于element-ui封装的upload组件
大家好,我是小悟图片上传无论什么项目,大概都少不了图片上传。作为常见的需求,很多地方会使用到,应该单独封装一个上传组件,方便复用。这里使用 vue + element-ui-upload + 七牛云完成上传。前端调用七牛 API现在主流的七牛云上传方式大概为授权式上传,大概为如下过程:请求后端接口获...
element-ui表格单元格合并后数据出现偏移问题及导出后合计行错位
合并单元格想要实现的效果为了方便查看表格汇总数据,要求页面将合计数据加在列表第一行,前三个单元格合并,效果图如下:按官方文档实现在el-table标签内加上 ==:span-method="spanMethod"== 属性,方法实现代码:spanMethod({ row, column, rowIn...
element-ui栅格系统之margin为负值的情况总结
1. 前言在css布局中margin是一个使用频率比较高的属性,通常我们都是赋值为正数,但是在使用element-ui的栅格系统时,我们经常会发现源码中有使用margin-left和margin-right为负数的情况,特针此进行总结,了解一下margin背后那些不为人知的奇技淫巧。 2. m...
element-ui的rules中正则表达式
<template> <el-form :model="unuseForm" label-position="top" :rules="dialogRules"> <el-form-item label="原因" prop="loseEfficacyReason...
element-ui的滚动条组件el-scrollbar(官方没有)
<template> <div style="height:600px;"> <el-scrollbar style="height:100%"> <div style="width:700px;height:700px;border:...
vue element-UI 升级报错Cannot find module "element-ui/lib/theme-default/index.css"
饿了么 用之前的版本 有些组件跟api 不一样了所以更新了最新的版本,发现 报一堆错误 主要错误是这个 Cannot find module "element-ui/lib/theme-default/index.css" 到文件下查找这个文件发现新版本中 这个文件已经移除,文件改名为them...
[坑况]——this dependency was not found:'element-ui/lib/theme-chalk/index.css'
element ui 坑况:今日pull代码,潇洒npm run dev ,被告知:this dependency was not found:'element-ui/lib/theme-chalk/index.css'。。。。。。。 解决思路 1.找不到依赖,路径问题 这是不科学的啊,昨天能够跑通...
改写element-ui中的日期组件
如果你想实现一个自定义的日期组件规则如下:日期组件未点开前左右两边有前一天后一天控制箭头,且前一天后一天有数据时才显示箭头,没有数据时,快速切换箭头隐藏。当日期组件点开后,有数据的天为可点击状态,无数据的为不可点击状态。那么,我们可以在已有的element-ui日期组件的基础上去实现这个功能。如下是...
element-ui的Tree树组件使用技巧
目录1,前言2,需求3,解决思路4,完整代码5,总结1,前言最近这段时间在做一个新的模块,其中有一个三层的树结构,产品经理提出了一个很古怪的需求,整的我只能自己控制树的交互,写完之后,感觉对这个组件的用法有了不一样的了解,故而写下来。2,需求如果上级节点勾选了,则底下所有节点也勾选如果是一个个勾选子...
解决element-ui的下拉框有值却无法选中的问题
问题描述: 在使用Vue框架和element-ui开发时,下拉框遇见一个问题,在函数中改变了页面中的某个值,在函数中查看是修改成功了,但在页面中没有及时刷新改变后的值,也就是下拉框值无法选中。(踩坑踩得莫名其妙) 代码段:<el-select v-model="value" placehold...
element-ui源码研究-upload组件
1. 文件上传按钮为什么element-ui的上传如此好看而我们的文件上传按钮却长得如此丑陋同时,element-ui的upload组件,钩子函数太多,可能功能上过去冗余,对于初学者不是很友好看到这么多的钩子函数,可能内心是一脸的惆怅,那如何实现一个自己的文件上传组件呢?2.如何实现一个自己的上传按...
element-ui:多个el-dialog弹框切换会出现闪烁
场景使用多个element-ui组件el-dialog弹框切换打开A弹框,点击关闭,紧接着打开B弹框会出现一个明显的闪烁解决给第一个弹框关闭加一点延迟// 先打开另一个对话框this.BDialogVisible = true// 加一点延迟后关闭当前对话框setTimeout(() => {...
element-ui upload组建上传 file-list踩过的坑
昨天修完了一个上传组件删除时,图片删掉了,但是地址仍然在的bug,今天测试告诉我bug没休掉,what !,昨天修完之后我自测了一下,OK的好吗,但是测试给我演示了一下,问题仍然存在!!!我看了一下调试窗口,报错:id 不存在?这个id是写在handleRemove里面的,原本是file里面的res...
vue实现日历表格(element-ui)
这篇文章主要为大家详细介绍了vue实现日历表格(element-ui),文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
element-ui + el-dialog + Vue.component 注册的富文本控件 第二次及以后打开dialog出现问题解决方法
Vue.component('my-tinymce', { props: ['value'], data(){ return{ flag:true } }, watch:{ value(val){ ...
关于使用element-ui的el-input监听不了回车事件
使用element-ui的el-input监听不了回车事件,原因应该是element-ui自身封装了一层input标签之后,把原来的事件隐藏了,所以如下代码运行是无响应的:<el-input size="small" @keyup.enter="doSomething" v-model="mo...
vue中实时监听input中字符长度并限制,Element-ui el-input
用vue写的后台管理系统,input需要限制输入内容的字符长度 (如果需要限制字符串的长度,只需要使用element-ui中的input的maxlength和minlength属性即可,原生的input同样的做法) 如果是限制字符长度,el-input覆盖了原生的方法,需要将el-input...
element-ui el-input只显示下划线
只需要增加样式 .el-input__inner {width: 220px;border-top-width: 0px;border-left-width: 0px;border-right-width: 0px;border-bottom-width: 1px;/*outline: medi...