一：Vue.js技术栈npm：node.js的包管理工具，用于同一管理我们前端项目中需要用到的包、插件、工具、命令等，便于开发和维护。ES6：Javascript的新版本，ECMAScript6的简称。利用ES6我们可以简化我们的JS代码，同时利用其提供的强大功能来快速实现JS逻辑。Babel：一款将ES6代码转化为浏览器兼容的ES5代码的插件vue-cli：Vue的脚手架工具，用于自动生成Vue
转载
2024-06-06 16:02:39
58阅读
ElementUI简介 我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的, 所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件Vue+ElementUI安装CDN方式: <!-- 1. 导入css -->  
转载
2024-02-19 11:05:24
42阅读
目录一、介绍二、使用2.1 安装2.2 使用组件介绍三、结合具体案例使用3.1 案例效果和整体代码 3.2 确定页面整体布局（container布局容器） 3.3 确定导航栏3.4 面包屑 3.5 文件上传（upload）3.6 按钮的选择（button）四、学习感悟一、介绍  
转载
2024-03-20 13:31:10
175阅读
目录Element-UI学习了解vue开发中一些常用的布局组件库项目导入element-uiel-button按钮表单组件el-table表单组件el-table基本使用el-table组件插槽实现自定义列el-table组件作用域插槽使用分页组件el-pagination表单组件el-formel-form组件基本使用el-form组件表单校验1.在data()中定义校验规则2.在模板上配置对应
转载
2024-04-01 11:10:42
87阅读
原效果图 要求效果图 详细说明：rowspan（）这个函数就是用来返回 spanArr 数组的，定义每一行的 rowspan
if( index === 0)，第一行，直接先给数组 push 进一个1，表示自己先占一行，position 是数组元素的位置
（此时是从数组元素的第一个开始，所以position 为 0）， position为 0 意思表示的就是数组的第一个元素。
当到了 inde
官网：Element - The world's most popular Vue UI framework和Bootstarpui框架类似。这也是一个ui框架，不过需要搭配vue进行使用 <!DOCTYPE html><html><head> <meta charset="UTF-8"> <!-- import
原创
2023-03-17 06:15:53
208阅读
前端框架：Element及其常用到到的组件(el-table、el-tree。。。)一，Element1，element安装配置①安装命令：npm i element-ui -S②配置： 在main.js中，先引入主模块import ElementUI from 'element-ui'然后引入中文包和英文包import enLocale from 'element-ui/lib/locale/l
转载
2023-07-28 19:15:58
238阅读
入职快半个月。公司业务也多多少少了解，期间的任务也不多，工作安排也不是很理想。在这首先感谢一下我的组长，帮我解决了很多问题。也是组长带我到现在，再次感谢。公司在做iPad端应用，我上手时项目已经开发一半，技术用到vue+element UI。前面说到效果，各个功能实现，这几个功能也磨上了快半个月，之前并没有接触过element UI,以为那就是复制粘贴的事，其实并没有，还有很多细节方面的事需要自己
转载
2024-06-28 06:29:24
67阅读
vue-element-admin中table分页原理：根据currentPage与pageSize去后台精准查询，返回匹配的结果，然后前台currentPage与pageSize变化时，再去后台获取相应的结果值。这样的优点：前台存储的资源少，压力小。缺点：后端不断接收请求的次数多。我优化了一下，不能说优化，改造了一下，增加了另一种分页机制，后台全部获取数据，前台通过computed得到table
转载
2024-06-14 08:37:32
97阅读
官网地址Element UI 是一个基于 Vue.js 的开源用户界面框架，用于构建 Web 应用程序的用户界面。它提供了一系列的可重
原创
2024-04-17 09:44:14
103阅读
openEA开源周刊openEA开源社区的官方运营载体这里每天给大家呈现有价值的开源资讯，欢迎您的来稿与推荐，点击上方蓝色字，加入我们吧！摘要：随着Web技术的不断发展，前端开发框架层出不穷，各有千秋，俗话说，活到老学到老，本周为大家奉上前端UI框架的开源项目，希望大家能够在学习的道路上更加通畅！openEA开源社区(ID:openEA)| 出品小夕 | 编辑openEA_WIK
表单验证在我们前端开发中是经常要用到的业务需求，在日常开发中会大量的使用!那么，我们每天都在使用的这种验证表单是如何封装实现的呢？今天我们就对这个组件的封装来进行研究学习。首先看下elementui的效果 使用方法就不说了，可以仔细阅读使用文档 宇宙门: elementui官网下面是我们今天要展示的自己封装的效果，是此次的重点！ 相关的技术栈是vue3.0+ts+bootsrap(借用她的样式)正
转载
2024-07-29 23:23:58
108阅读
安装脚手架终端执行命令：npm install -g @vue/cli创建vue项目**方法一：**基于交互式命令行的方式，创建新版vue项目，执行命令：Vue create my-project //my-projec为项目名。按照提示内容选择创建方式。创建完成后cd到项目中可以执行npm run serve命令运行项目运行完成后可以访问生成的地址查看创建的项目**方法二：**图形化方式创建vu
转载
2024-04-14 21:01:30
54阅读
基于 vue 的ui框架手机 电脑 兼容框架vuetifyjsvuetifyjs是比较流行的基于vue的前端ui框架，作者John Leider来自国外，vuetifyjs组件众多，并且电脑端，移动端通用一套代码官网网址： https://vuetifyjs.com/zh-Hans/
手册网址： https://vuetifyjs.com/zh-Hans/getting-started/quick
转载
2024-05-23 16:39:49
98阅读
1、什么是MVVM？ 答：MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型，可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型渲染到页面上，转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象，ViewModel通过双向绑定把View和Model进行同步交互
在Vue2.0中，过滤器（Filters）是一种用于将数据进行格式化的功能。过滤器是在模板中使用的，可以像管道一样串联多个过滤器，以便对数据进行多次格式化处理。 好的，下面是更详细的示例。示例1：将数字格式化为货币假设我们有一个数字，我们想要在模板中将其格式化为货币。我们可以使用过滤器来实现这个功能，如下所示：<template>
<div>
<p>
每个vue2.x项目中我们都会看到入口文件(即main.js)中，在生成根实例时会配置el属性，而我们自己创建的组件中则不能配置该属性，下面引用了官方文档中对el属性的说明：el 类型：string | Element 限制：只在用 new 创建实例时生效。 详细： 提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标。可以是 CSS 选择器，也可以是一个 HTMLElement 实
转载
2024-10-10 16:34:37
63阅读
关于element-ui表格使用的一些方法最近在用Vue.js和elment-ui做一个后台管理项目,不得不说element功能非常强大,提供了许多组件,基本可以满足一些基础的开发了.因为我做的后台系统,里面表格用到比较多,但是其实我也只是一个刚入行不久的菜鸟,只看官方文档,开发起来还是有难度.不过经过不停的测试以及查阅资料,还是勉强实现了效果,这里就把一些方法分享出来,
转载
2024-05-18 06:52:45
115阅读
ElementUI简介 我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的, 所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件ElementUI官网：http://element-cn.eleme.io/#/zh-CN注1：类似前端框架还有iview 案例：<!DOCTYPE
转载
2024-04-18 10:18:39
95阅读
历时2周左右，我终于完成了我的毕业项目。虽说页面不是特别美观，但是对于一个后四、总结 一、页面展示登录界面管理界面数据操作二、代码展示登录页代码<templa
转载
2024-04-17 16:59:33
92阅读
