根据千峰教育学习视频所练习的笔记 | 学习一段时间,我也有写一点东西的必要了···1. vue组件介绍组件系统是将一个大型的界面切分成一个一个更小的可控单元组件是复用(同一个头部可以用在游戏、微信、qq中)的,可维护的组件具有强大的封装性,易于使用大型应用中,组件与组件之间交互可以解耦操作2. 创建vue组件全局组件局部组件2.1. 先来看全局组件<!DOCTYPE html>
<
一、准备数据源: tags: [ { name: 'xxxx1
原创
2022-05-06 09:19:49
124阅读
项目地址:https://github.com/Bigkoo/Android-PickerView一.项目导入//第三方多级联动
implementation 'com.contrarywind:Android-PickerView:4.1.9'二.时间选择器2.1普通使用//时间选择器
TimePickerView pvTime = new TimePickerBuilder(t
转载
2024-04-08 22:55:34
30阅读
关于micro-app在micro-app之前,业内已经有一些开源的微前端框架,比较流行的有2个:single-spa和qiankun。single-spa是通过监听url change事件,在路由变化时匹配到渲染的子应用并进行渲染,这个思路也是目前实现微前端的主流方式。同时single-spa要求子应用修改渲染逻辑并暴露出三个方法:bootstrap、mount、unmount,分别对应初始化、
转载
2024-03-27 07:39:48
79阅读
前言:最近开发中用到element-tree组件,再次做个笔记记录一哈,不喜勿喷!!!谢谢 1、在项目中我们需要用的层级有4级,超过以后就给个提示就行;每条数据上都有新增子级、删除、修改 2、按照官网给的实例,每条数据后面都会跟上新增、删除按钮,自我定制:当鼠标移上去才显示新增、删除按钮 官网给的实 ...
转载
2021-07-16 10:11:00
327阅读
2评论
element-plus
原创
2023-04-16 15:10:44
1940阅读
点赞
大家在做前端项目开发的时候,经常会遇到公用的一些页面,比如搜索、列表、商品详情卡片、评论列表等。为了提高开发效率、使代码看起来更加简洁,这个时候封装相应的组件是最好的解决方案。今天小编给大...
原创
2021-10-11 14:53:29
835阅读
部分数据来源:ChatGPT 引言 Vue.js是一种流行的JavaScript框架,用于构建富交互式Web应用程序和单页应用程序(SPA)。Vue.js具有易于学习、高度可定制、快速渲染以及许多有用的拓展库等特点。在Vue.js开发中,UI库和图表库都是很有用的工具。以下是Vue.js中最常用
转载
2024-04-02 11:37:29
96阅读
WEB 就是 World Wide Web 的缩写,称之为全球广域网,俗称 WWW。对于用户来说其实就是由多个网页组合在一起而形成一种服务。WEB 前端负责展示一个网站当中前台网页里的内容。而网页是由前端工程师使用 HTML 语言编写而成的一种文件,它里面会包含文字、图片、超链接、音频、视频等等这些内容。HTML 超文本标记语言(Hyper Text Markup Language)就是用来描述网
之前写了一个项目,涉及到文档和视频的上传.需求大概是这个样子,拿上传视频举例子吧,首先是将选择的视频上传到文件服务器上,接着文件服务器会返回视频的存储链接还有视频名,在后面保存视频的时候会用到这两个参数的.另外,上传成功的视频名字要显示在左侧,并且是可以修改的.视频上传成功后,还可以给相应的视频添加附件,也就是和视频配对的文档(注意,这里巨恶心).首先是要
转载
2024-02-19 00:26:23
537阅读
element-ui 因其组件丰富、可拓展性强、文档详细等优点成为 Vue 最火的第三方 UI 框架。element-ui 其本身就针对后台系统设计了很多实用的组件,基本上满足了平时的开发需求。既然如此,那么我们为什么还要进行二次封装呢?有以下两种场景在日常的开发过程中,部分模块重复性比较强,这个时候就会产生大量重复的代码。这些模块的样式基本上是比较固定的,而且实现的功能也比较相近。如果每个地方都
转载
2024-04-22 13:35:42
566阅读
1评论
最近一直在使用React.js开发项目,在开发过程中也用到了一些开源UI组件库。上次有给大家分享React移动端组件库,今天,就给大家推荐9个常用React PC端组件库。2020年7个优质React移动端UI组件库 1、Element-Reactelement-react | 饿了么团队出品的一套为开发者、设计师等准备的基于 React 的 PC端组件库,是 Element
消息提示行为是开发中非常常见的功能,Element 为我们提供了非常好用和美观的消息提示组件。这里就简单学习下 Notice 组件的 CSS 和代码逻辑。
简介Notice 包括了五类组件: Alert 用于页面中展示重要的提示信息。 Loading 加载数据时显示动效。 Message 常用于主动操作后的反馈提示。与 Notification 的区别是后者更多用于系统级通知的被动提醒
转载
2024-05-30 22:20:46
93阅读
本篇博客主要说明一些element开发中会用到但是不太会记住的属性 1、label-position 通过 label-position 属性来改变表单域或标签的位置,可选的值有 top/left/right ,默认的是 right ,lable-position 必须要和 label-width( ...
转载
2021-09-10 11:55:00
232阅读
2评论
概念ElementUI是一套基于VUE2.0的桌面端组件库,ElementUI提供了丰富的组件帮助开发 人员快速构建功能强大、风格统一的页面。 通俗来说,ElementUI不仅和BootStrap一样可以美化界面,它还能实现复杂的业务逻辑.应用ElementUI官网文档:https://element.eleme.cn/#/zh-CN/component/installation链接: https
转载
2024-03-22 18:54:31
161阅读
1.Element UI组件库Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。Element是饿了么前端开源维护的Vue UI组件库,更新频率还是很高的,基本一周到半个月都会发布一个新版本。组件齐全,基本涵盖后台所需的所有组件,文档讲解详细,例子也很丰富。没有实际使用过,网上的Element教程和文章比较多。Element应该是一个质量比较高的Vue UI
转载
2024-03-17 09:59:26
148阅读
Element UI 项目分析讲过 vue 的插件开发原理,迫不及待的想要搭建一套自己的 插件库,那就从熟悉市面上最常用到的 vue UI 组件 ———— Element UI 开始吧。使用 vue init webpack-simple productName 初始化项目前提环境: node npm vue-cli# init
vue init webpack-simple my-project
转载
2024-06-02 17:09:52
522阅读
上传文件 手动上传 <el-upload class="add-upload" ref="add-upload" drag action multiple :auto-upload="false" :file-list="fileList" :limit="1" :on-exceed="handle ...
转载
2021-10-14 10:24:00
3972阅读
2评论
Element:是饿了么团队研发的,一套为开发者、 设计师和产品经理准备的基于Vue 2.0的桌面端组件库。组件:组成网页的部件,例如超链接、按钮、图片、表格、表单、分页条等等。
原创
精选
2023-11-14 14:31:54
868阅读
upload上传是前端开发很常用的一个功能,在Vue开发中常用的Element组件库也提供了非常好用的upload组件。基本用法代码:点击上传这个基本不用说,:action是执行上传动作的后台接口,el-button是触发上传的按钮。上传文件数量首先是设置是否可以同时选中多个文件上传,这个也是的属性,添加multiple即可。另外el-upload组件提供了:limit属性来设置最多可以上传的文件
转载
2024-03-09 20:48:10
189阅读