ElementUI使用记录
Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,完整的API和详细丰富的Demo,作为一个Java后端,用起来还是很方便的。
fool_dawei
从事java开发,专注物联网IOT方向
展开
-
Element-ui 组件数据懒加载(el-menu举例)
基本思路就是找到需要懒加载的实际dom,通过样式设置:限制高度,内容溢出滚动,隐藏滚动条下面用el-menu举例首先在上篇文章Vue element-ui表格数据懒加载的基础上提取通用功能到scroll.jsconst ScrollTable = { /** * 给传入dom添加滚动监听,滚动到底部触发nextPageLoadFunc方法 * * 使用需在main.js添加 * import ScrollTable from './components原创 2020-07-24 16:22:05 · 3055 阅读 · 0 评论 -
Vue element-ui表格数据懒加载
大部分参考Angrybird233的简书文章,自己细节实现一下引入element-uinpm 的方式安装 element-uinpm i element-ui -S在 main.js 中写入以下内容:import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)新建Table.vue主要就是tableListener()方法,监听dom的sc.原创 2020-07-14 10:58:04 · 13034 阅读 · 8 评论 -
非网络引用element-ui css导致图标无法正常显示的解决办法
前言官方推荐的css及js引用方式如下:<!-- 引入样式 --><link rel="stylesheet" href="https://unpkg.com/element-ui@1.4/lib/theme-default/index.css"><!-- 引入组件库 --><script src="https://unpkg.com/ele...原创 2018-03-06 16:54:02 · 41914 阅读 · 25 评论 -
Element UI - http-request 覆盖默认的上传行为,自定义上传的实现
结合文章 - 阿里OSS Java-SDK带进度条上传,配合前端element-ui upload组件使用示例 表单中的 ui el-form-item label="课程文件" :label-width="formLabelWidth"> el-upload :show-file-list="false" :file-list原创 2018-02-02 11:47:16 · 60891 阅读 · 7 评论 -
阿里OSS Java-SDK带进度条上传,配合前端element-ui upload组件使用示例
阿里OSS Java-SDK 文件上传-上传进度条文档链接OSS上传工具类,其中有注释的几步是官网例子所没有的步骤.public class OssUploadUtil {/** * 带进度的上传 * * @param request * @return * @throws Exception */ public原创 2018-01-11 11:37:38 · 7689 阅读 · 11 评论 -
ElementUI中switch回调函数change的参数问题
更多内容请访问ElementUI官网需求说明八个switch组件,用同一个回调函数switch组件状态发生变化时需要知道它目前开关状态需要知道当前是哪个switch问题描述按照官方文档对switch事件的描述 事件名称 说明 回调参数 change switch 状态发生变化时的回调函数 新状态的值下面这样写可以满足第二个需求原创 2018-01-08 12:36:47 · 43099 阅读 · 12 评论 -
element UI的Dialog中使用表单内嵌上传组件样式错乱的分析解决
element UI传送门出现问题的截图可以看到途中多了个选择文件的原始按钮,而且样式乱了. F12一下 可以看到这个原始按钮的 el-upload__input display:none的样式被划横线了. 上面出现一个input[type=file] { display: block;}然后在我们自己的代码中添加样式input[type=fil原创 2018-01-05 09:09:41 · 4813 阅读 · 1 评论