使用elementUI的一些总结

最新推荐文章于 2024-09-10 23:45:00 发布
最新推荐文章于 2024-09-10 23:45:00 发布
阅读量349 收藏
点赞数 1
分类专栏： 前端框架 文章标签： elementui css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhongqw_00/article/details/120742920
版权

饿了么研发的elementUI无论是在风格上还是UI上都比较符合我们日常的业务需求，所以公司大部分业务前端UI框架都使用，但是还是会有些特殊业务无法满足，以下几种情况是我在日常开发中遇到的，并给出一些解决方案。

一、 实现一个可编辑的表格

在这里插入图片描述
借鉴博客

二、懒加载树回填

在这里插入图片描述

三、日期组件封装（支持分粒度，按日、周、月、季）

在这里插入图片描述

四、CSS样式小改动

最简单的一个方法，从浏览器中找到需要改动的组件class，然后在css文件中通过::v-deep或者/deep/进行样式覆盖

在这里插入图片描述
在这里插入图片描述

前端碎碎念
关注
专栏目录
element-ui使用总结
MoMo@blog
10-18 1万+
1.input输入框 自定义图标 前部效果图： <el-input type="text" v-model="code" auto-complete="
elementUI使用总结（下篇）
zh1775825464的博客
08-16 553
7.8Form表单组件 1.创建组件 <el-form ref="form" :model="form" label-width="80px"> <el-form-item label="活动名称"> <el-input v-model="form.name"></el-input> </el-form-item> ......//表示可以创建多个<el-form-item&g
使用elementui的一点心得体会
网易游戏真辣鸡
08-30 1411
前言 elementui还是用了蛮久的，可以整点 记录 1.实际项目过程中，table和pagination最好重新封装一下，带分页的table肯定在使用过程中，比仅仅只有table的用途肯定广泛的多 2.实际使用element-ui开发的过程中，一开始就给公用的vue组件，css样式，js文件建好文件夹以及文件 3.如果有父子组件，多层嵌套的，尤其是bool类型，一定要记得写个回调函数，返回状态 4.DatePicker组件用了format，绑定的数据格式也得相同，差个字符都不行，日期中间 ‘-’ 与 ‘
element-ui使用心得
19年8月小结
08-05 4092
1.当前我们打开的element-ui版本是2.11.0版本项目中 “element-ui”: “^2.10.1”,在使用时有些功能和样式的设置必须看版本，之前我在做一个回到顶部的功能时是在tab-pane里面设置回到顶部，页面监听滚动条滚动的距离方法根本没有反应，于是放弃自己写的使用组件里的回到顶部改了样式就可以了，初次使用时没有发现低版本的element-ui里面根本没有回到顶部的样式，仔...
elementui实战学习总结(更新中)
是日前端
11-04 532
一、登录和退出功能 登录状态保存问题： 当前端与后端接口之间存在跨域问题，推荐使用Token，反之，推荐使用Session或Cookie Token原理
elementUI基础使用总结（上篇）
zh1775825464的博客
08-13 1540
1.定义 element ui基于vue的一个ui框架，elementUI基于vue开发了许多的组件。 2.安装elementUI 2.1通过vue脚手架创建项目 创建项目 vue-cli init webpack element F:\wxcode>vue init webpack element #出现下面的错误 Command vue init requires a global addon to be installed. Please run npm install -g @
vue中使用elementui的总结
SeeU
08-04 996
1，任何一个el组件的宽高都是可以通过包裹他的父元素来设置的；
使用 ElementUI 组件构建 Window 桌面应用探索与实践（WinForm）
11-01
总结起来，将 ElementUI 应用于 WinForm 应用是一种创新的方法，可以提升桌面应用的用户体验。虽然过程中会面临一些挑战，但通过合理的架构设计和技术选型，我们可以构建出既美观又功能丰富的桌面应用。对于希望将...
Html中使用ElementUI的demo
10-18
总结来说，要在HTML中使用ElementUI，需要以下步骤： 1. 引入Vue.js和ElementUI的CSS及JS文件。 2. 在JavaScript中注册ElementUI并创建Vue实例。 3. 在HTML中使用ElementUI的组件进行界面构建。 通过这种方式，你...
springboot使用elementUI分页对数据进行crud.zip
01-11
总结来说，"springboot使用elementUI分页对数据进行crud.zip"项目展示了如何利用Spring Boot的强大力量结合Element UI的易用性，实现数据的分页CRUD操作。通过这样的方式，我们可以构建出一个高效、美观的后台管理...
elementui之el-tebs浏览器卡死的问题和使用报错未注册问题
10-16
总结来说，遇到 ElementUI 相关问题时，可以通过升级到适当的版本、使用 layout 包裹组件、检查代码和更换标签结构等方式进行排查和解决。在开发过程中，积极使用社区资源，如查阅官方文档、搜索相关问题的讨论和...
使用ElementUI使用心得(持续更新)
weixin_42668394的博客
08-18 710
准备阶段: 使用vue_vli初始化项目 V-3.0的初始化命令: vue create myelement(项目名称) cd myelement npm run serve 使用阶段: 按照官网https://element.eleme.cn/#/zh-CN 初步引入 main.js中引入 ,Vue.use(ElementUI); 创建firstdemo.vue拷贝elemen...
VUE ElementUI 项目总结
栀夏暖阳的博客
02-27 534
项目简介 vue + axios + vue-router + vuex + ElementUI vue vue数据更新，视图不更新 只有当实例被创建时 data 中存在的属性才是响应式的，Vue 不能检测对象属性的添加或删除； 可以使用 Vue.set(object, key, value) 方法向嵌套对象添加响应式属性 Vue.set(vm.userProfile, 'age', ...
element-ui大总结
weixin_36852235的博客
02-02 1905
element-ui 使用方法主要有4大块，slot ,属性， method和event。刚开始看这个不久，乍一看感觉有很多东西要记住使用。这个就当是做个主题阅读，知道基本的使用规则，快速索引。真正的熟练还是要在项目中多多练习才行，更重要的是有时间的时候，自己造出这些组建，了解后面的思维原理。 slot &lt;div style="width:800px;"&gt; &lt...
Element-UI使用体会
在这个地方会介绍一些前端和后端的开发内容，暂时以springBoot和Vue为主。
06-20 561
Element-UI使用体会
ElementUI-day1-学习总结
weixin_45100140的博客
08-26 237
前后端分离： ​ 概念： ​ 浏览器中为用户进行页面展示的部分称为前端，而将运行在服务器，为前端提供业务逻辑和数据准备的所有代码统称为后端。是web应用的一种架构模式，在开发阶段前后端工程师约定好数据接口，并行开发和测试。.对开发人员能力要求高.对于小型公司或刚转型前后端分离模式公司,开发人员能力有限,采用是后端先行前后端分离开发模式. 开发模式 前后端的分离的优势 一， 专业的人做专...
vue+element UI 学习总结笔记(一)
wh_xia_jun的专栏
09-05 4831
关键词: Webpack vue-cli Axios vuex router login vue+element UI 学习总结 Webpack: WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。 开发环境的启动.........
vue3子组件向父组件传值
最新发布
2301_76604664的博客
09-10 545
const emit = defineEmits(['success']) // 定义 success 事件，你也可以定义成别的名字，这里我定义为success;用于操作成功后的回调const emit = defineEmits(['success']) // 定义 success 事件，你也可以定义成别的名字，这里我定义为success;用于操作成功后的回调emit('success',studentId)，需要把你定义的事件名发射给父组件，还有你需要传的值，这里我需要传studentId;
vue使用elementui
09-08
- *2* *3* [【Vue学习总结】23.Vue UI框架 ElementUi的使用](https://blog.csdn.net/u013517797/article/details/112426303)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值