vue2.0+按需引入element-ui报错
项目使用vue脚手架自动生成的,vue版本为^2.5.16.项目中需要按需使用element-ui,根据element-ui的官方文档,一开始在babel.config.js文件中修改配置module.exports = { presets: [ "@vue/app", ["es201...
element-ui select 下拉框位置错乱--解决
element-ui select 下拉框位置错乱由于使用 element-ui 的 select 组件时，下拉框的位置错乱了。开始查找问题通过各种问题查找，发现是 css 问题cssbody { position: relative;}#app { margin-top: 70px;}html...
element-ui select组件中复选时以字符串形式显示
我使用的element-ui的版本是1.4.13。如上图所示，使用el-select组件，要实现可搜索、可复选、可创建条目时，展示样式是如上图所示，输入框的高度会撑开，影响页面布局，按照产品的需求，要调整为以下样式：1、复选时，输入框中不以标签的形式展示，而是以字符串的形式展示。2、超出部分显示省略...
spring boot + vue + element-ui全栈开发入门——spring boot后端开发
前言本文讲解作为后端的spring boot项目开发流程，如果您还不会配置spring boot环境，就请点击《玩转spring boot——快速开始》，如果您对spring boot还没有入门，就请点击《玩转spring boot——开篇》学习spring boot开发。一、构建项目使用STS构建...
element-ui和npm、webpack、vue-cli搭建Vue项目
一、element-ui的简单使用1、安装1. npm 安装推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。npm i element-ui -S2. CDN目前可以通过 unpkg.com/element-ui 获取到最新版本的资源，在页面上引入 js 和 css 文...
element-ui上传文件带token
template> <el-upload action="test" :headers="myHeaders"></el-upload></template><script>var token = localStorage.getItem
vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效解决方法
我要实现的功能是在上传文件之前校验是否表格中存在重复的数据，有的话，需要弹窗提示是否覆盖，确认之后继续上传，取消之后，就不再上传。项目中用的element-ui是V1.4.3<el-upload class="upload-demo" drag ref="fileUpload...
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.如何实现一个自己的上传按...