项目前端使用的是 vue + element 框架为基础, 来缩短开发的流程和时间, 谁用谁知道~!因为前端整体界面风格参考的是ruoyi的界面, 不过有vue的基础, 代码读起来也基本不会太吃力的http://www.ruoyi.vip/以下是项目开发中遇到的问题解决, 以及代码中值得学习的片段同时也慢慢加入了自己的一点总结反思, 只为变的更强嘻嘻1. 富文本rich 编辑使用的是轻量级富文本编
七、封装一个element-ui风格的radio组件前置知识点:radio的基本使用参数支持:参数名称参数描述参数类型默认值v-model双向绑定布尔类型falselabel单选框和value值string,num,Boolean' 'namena'm  7.1radio组件的基本框架和样式框架、基本样式以及选中样式:<template> <label c
先上车1、本着够用的原则,这个源码系列,先易后难(狗头,难的我也不会)。先不讲element build目录下工程化的配置,这些等用到的时候再说,先从组件源码,样式规范一点点铺展开来。先上车,后买票 2、既然是一个系列,争取做到详细,包括主要组件、重要函数、关键配置、测试脚本,以及编写对应开发文档。 3、虽然vue3已经逐步取代了vue2,新的UI框架也款款而来,但不妨碍elementUI依然作为
前端ui框架排名在前端项目开发过程中,现在很少有人会使用原生的CSS来搭建页面,总归都会引入一些前端UI框架以减少代码的书写。一般为了方便自己的使用,很多大公司都有自己的一套UI框架,同时也会把其开源出来。下面就是最近经常使用并且很流行的一些前端UI框架,总有一款适合你:MintUIMintUIMintUI是饿了么团队开发的基于Vue.js的移动端UI框架,它包含丰富的CSS和JS组件,能够满足日
上次已经讲解过vue组件的实现过程,具体可以看这篇文章:http://blog.aizhifou.cn/articles/2020/04/26/1587882114011.html今天用vue来实现一个分页组件,总体来说,vue实现比较简单,样式部分模仿了elementUI。所有代码的源码可以在github上下载的到:https://github.com/jackzhujie/vue-study先
npm下载比较慢,可以使用cnpm安装:npm下载包路径更改npm命令解释:1、创建一个名为hello-vue的项目2、在项目目录下初始化项目vue init webpack hello-vue进入项目目录 cd hello-vue先安装组件,在idea中会有语法提示安装vue-routernpm install vue router --save-dev安装elementUInpm i elem
转载 5月前
31阅读
【vue+ElementUI】实现web端鼠标右击打开菜单一、背景二、解决思路1.需求2.思路2.1.在鼠标右击的位置打开菜单2.2.点击菜单项即可关闭菜单&&点击菜单外关闭菜单2.3.菜单置于图层的最顶层2.4.菜单的动态样式三、完整代码四、注意事项五、总结 一、背景最近做的开源项目有个需求就是在ElementUI的NavMenu侧边栏中,实现鼠标右击打开菜单功能,今天实现了一
转载 6月前
305阅读
详细内容,见官方文档:element-ui文档1.布局置顶:标签内属性(Attributes)的使用方式为: <el-row :gutter = "6">; <el-button type="primary">;分栏偏移:<el-row :gutter="20"> <el-col :span="6" ><div class="gri
这篇博客主要介绍树形控件的两个小小的功能:下拉菜单输入过滤框以CSS样式为主,也会涉及到Vue组件element组件的使用。对于没有层级的数据,我们可以使用表格或卡片来展示。要展示或建立层级关系,就一定会用到树形组件了。使用Vue + Element UI,构建出最基本的树如下图所示:现在我们就要在这个基础上进行改造,使页面更加符合我们的交互场景。下拉菜单将下拉菜单嵌到树节点中,使操作更加简便、
1.Element UI组件Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。Element是饿了么前端开源维护的Vue UI组件库,更新频率还是很高的,基本一周到半个月都会发布一个新版本。组件齐全,基本涵盖后台所需的所有组件,文档讲解详细,例子也很丰富。没有实际使用过,网上的Element教程和文章比较多。Element应该是一个质量比较高的Vue UI
效果图写在前面写后台管理经常从列表点击查看详情,展示数据信息,Element UI虽然有表格组件,但是描述组件并没有,之前团队的成员遇到这种情况都自己去写样式,写起来也麻烦,而且每个人写出来的样式也不统一,破坏了项目的整体风格。 像是Ant Design UI就有描述组件,用起来特别舒服,所以索性自己结合Element UI的el-row和el-col自己写了一个。实现哪些功能1、每行的高度根据改
越来越多的公司开始使用 Vue 开发各种项目, Vue 项目是组件化开发,在开发工程师使用各种各样的组件,例如:按钮、表单、选项卡、消息提示、上拉加载/下拉刷新等许多组件,许多中大型公司都有自己的组件库。对于个人或者初创公司,甚至是一些中小型公司要开发一套自己的组件库并不是容易。幸运的是在 Github 上有许多免费开源的 UI 组件库,这里推荐 12 个优秀的组件库。element 饿了么前端推
昨日回顾# 1 封装日志 # 咱们用的方案 django--->原生日志--->配置文件copy过来--->写一个py文件,在py文件中拿到配置文件中定义的django日志对象,以后导入使用即可 # sentry:集中式管理 # python 第三方日志库 -logru # 以后不要在代码中print,使用日志输出 #
  最近在用element-ui重构前端项目,无意之中翻阅到一个比较好用的组件间通信方式,借助于vue的封装的发布-订阅消息模式与mixin语法。在开始之前先总结下vue常用的组件间通信方式,具体如下:  1、props与自定义事件    优点:常用的父子、子父组件传递方式,简单易懂    缺点:子父、父子之间传参比较高效,但是爷孙,兄弟组件之间存在通信短板,只能一级级传递  2、vue 2.4中
element ui中的el-radio组件的源码分析源码分析参考文献 下面是radio的源码 源码<template> <label class="el-radio" :class="[ border && radioSize ? 'el-radio--' + radioSize : '', { 'is-disab
1. 什么是Element UI概述  Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件Element UI是基于Vue 2.0的Element UI 提供一组组件Element UI 提供组件的参考实例, 直接复制element-ui是饿了么团队开发的 基于mvvm的vue开源
一. 常用组件1. border边框给表格等添加边框,一般我们直接添加border属性即可! 举例:<el-table style="width: 100%" border> <el-table-column label="序号"></el-table-column> <el-table-column label="品牌名称"></el
1. 父到子传值父到子的传值,可以通过在子组件中添加props配置项来完成,它的值可以是一个数组。 我们可以把父子传值理解成函数的封装和调用,props数组中的是函数的形参,在使用子组件的时候,传入父组件的数据作为实参。图中①②步可以看作函数的封装,第③步看作函数的调用。效果 props除了传一个数组之外,还可以传一个对象。可以指定对象内数据类型,具体包括String、Number、Boolean
组件使用 <template> <div class="Test"> <!-- 顶部按钮 --> <div class="header"> <el-button type="primary" size="mini" class="se
转载 5月前
54阅读
ElementUI是一套基于VUE2.0的桌面端组件库,ElementUI提供了丰富的组件帮助开发人员快速构建功能强大、风格
原创 11月前
237阅读
  • 1
  • 2
  • 3
  • 4
  • 5